建站
咨詢
售后
建站咨詢
新聞中心
這篇文章主要講解了“CSS中一些特殊的上下文選擇符的用法”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“CSS中一些特殊的上下文選擇符的用法”吧！
在化隆等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站建設(shè)、網(wǎng)站制作 網(wǎng)站設(shè)計制作按需求定制制作,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計,成都全網(wǎng)營銷推廣,外貿(mào)網(wǎng)站建設(shè),化隆網(wǎng)站建設(shè)費用合理。
子選擇符 >
格式：標簽 1 > 標簽 2
示例：
CSS Code復(fù)制內(nèi)容到剪貼板
section > h3 {font-style:italic;}
說明：標簽 2 必須是標簽 1 的子元素，或者反過來說， 標簽 1 必須是標簽 2 的父元素。與常規(guī)的上下文選擇符不同，這個選擇符中的標簽 1 不能是標簽 2 的父元素之外的其他祖先元素。
緊鄰?fù)x擇符 +
格式：標簽 1 + 標簽 2
示例：
CSS Code復(fù)制內(nèi)容到剪貼板
h3 + p {font-variant:small-caps;}
一般同胞選擇符 ~
格式：標簽 1 ~ 標簽 2
示例：
CSS Code復(fù)制內(nèi)容到剪貼板
h3 ~ a {color:red;}
說明：標簽 2 必須跟（不一定緊跟）在其同胞標簽 1 后面。
通用選擇符 *
格式：* {...}
示例：
CSS Code復(fù)制內(nèi)容到剪貼板
* {color:green;}
說明：上面示例會導(dǎo)致所有元素（的文本和邊框）都變成綠色。
不過，一般在使用 * 選擇符時，都會同時使用另一個選擇符。
例如：
CSS Code復(fù)制內(nèi)容到剪貼板
p * {color:red;} // 這樣只會把p包含的所有元素的文本變成紅色
還有一個非常有意思的用法，即用它構(gòu)成非子選擇符：
例如：
CSS Code復(fù)制內(nèi)容到剪貼板
section * a {font-size:1.3em;}
這樣，任何是 section 孫子元素，而非子元素的 a 標簽都會被選中。至于 a
的父元素是什么，沒有關(guān)系。
總之，只有一個標簽名的選擇符會選中頁面中所有相同標簽的實例。而通過上下文
選擇符，則可以指定標簽必須具備相應(yīng)的祖先或同胞。
感謝各位的閱讀，以上就是“CSS中一些特殊的上下文選擇符的用法”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對CSS中一些特殊的上下文選擇符的用法這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！
分享題目：CSS中一些特殊的上下文選擇符的用法
URL地址：http://ef60e0e.cn/article/gssdgo.html
