溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“CSS中一些特殊的上下文選擇符的用法”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“CSS中一些特殊的上下文選擇符的用法”吧！
子選擇符 >
格式：標簽 1 > 標簽 2
示例：
CSS Code復制內容到剪貼板
section > h3 {font-style:italic;}
說明：標簽 2 必須是標簽 1 的子元素，或者反過來說， 標簽 1 必須是標簽 2 的父元素。與常規(guī)的上下文選擇符不同，這個選擇符中的標簽 1 不能是標簽 2 的父元素之外的其他祖先元素。
緊鄰同胞選擇符 +
格式：標簽 1 + 標簽 2
示例：
CSS Code復制內容到剪貼板
h3 + p {font-variant:small-caps;}
一般同胞選擇符 ~
格式：標簽 1 ~ 標簽 2
示例：
CSS Code復制內容到剪貼板
h3 ~ a {color:red;}
說明：標簽 2 必須跟（不一定緊跟）在其同胞標簽 1 后面。
通用選擇符 *
格式：* {...}
示例：
CSS Code復制內容到剪貼板
* {color:green;}
說明：上面示例會導致所有元素（的文本和邊框）都變成綠色。
不過，一般在使用 * 選擇符時，都會同時使用另一個選擇符。
例如：
CSS Code復制內容到剪貼板
p * {color:red;} // 這樣只會把p包含的所有元素的文本變成紅色
還有一個非常有意思的用法，即用它構成非子選擇符：
例如：
CSS Code復制內容到剪貼板
section * a {font-size:1.3em;}
這樣，任何是 section 孫子元素，而非子元素的 a 標簽都會被選中。至于 a
的父元素是什么，沒有關系。
總之，只有一個標簽名的選擇符會選中頁面中所有相同標簽的實例。而通過上下文
選擇符，則可以指定標簽必須具備相應的祖先或同胞。
感謝各位的閱讀，以上就是“CSS中一些特殊的上下文選擇符的用法”的內容了，經過本文的學習后，相信大家對CSS中一些特殊的上下文選擇符的用法這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經查實，將立刻刪除涉嫌侵權內容。
