HTML網(wǎng)站上下文選擇符
作者：佚名 時(shí)間：2014-03-10 分享到：
HTML網(wǎng)站上下文選擇符
通常情況下，無論標(biāo)簽在文檔中的什么位置出現(xiàn)，能哆識(shí)別樣式的瀏覽器會(huì)把文檔級(jí)的引入的樣式應(yīng)用到標(biāo)簽內(nèi)容中，而不是考慮上下文。然而，CSS2標(biāo)準(zhǔn)定義了一種特殊的方式，它規(guī)定只有當(dāng)標(biāo)簽出現(xiàn)在文檔的某個(gè)特定上下文時(shí)才能應(yīng)用樣式，例如，當(dāng)它嵌套在其他標(biāo)簽中時(shí)。
通常情況下，無論標(biāo)簽在文檔中的什么位置出現(xiàn)，能哆識(shí)別樣式的瀏覽器會(huì)把文檔級(jí)的引入的樣式應(yīng)用到標(biāo)簽內(nèi)容中，而不是考慮上下文。然而，CSS2標(biāo)準(zhǔn)定義了一種特殊的方式，它規(guī)定只有當(dāng)標(biāo)簽出現(xiàn)在文檔的某個(gè)特定上下文時(shí)才能應(yīng)用樣式，例如，當(dāng)它嵌套在其他標(biāo)簽中時(shí)。
如果要?jiǎng)?chuàng)建下下文選擇符，要按它們?cè)谖臋n中的嵌套順序列出標(biāo)簽，最外鍘的標(biāo)簽排在第一位。當(dāng)瀏覽器遇到嵌套序列時(shí)，它將對(duì)列表中最后一個(gè)標(biāo)簽應(yīng)用樣式屬性。
例如，下面示例說明了如何使用上下文樣式來創(chuàng)建典型的數(shù)字序列：較外層用大定的羅馬數(shù)字，下一層用阿拉伯?dāng)?shù)字，最里面的一層用小字母：
ol li {list-style: upper-roman;}ol ol li {list-style: upper-alpha;}ol ol ol {list-style: decimal;}ol ol ol ol li{list-style: lower-alpha;}
根據(jù)樣式表示例可以得知，當(dāng)能夠識(shí)別樣式的瀏覽器遇到嵌套在一個(gè)<ol>標(biāo)簽中的<li>標(biāo)簽時(shí)，它會(huì)對(duì)<li>標(biāo)簽的list-style屬性使用upper-roman值。當(dāng)瀏覽器看到一個(gè)<li>標(biāo)簽嵌套在兩個(gè)<ol>標(biāo)簽時(shí)，將使用upper-alpha列表樣式。在三個(gè)和四個(gè)<ol>標(biāo)簽中嵌套一個(gè)<li>標(biāo)簽時(shí)，它將分別使用decimal和lower-alpha列表樣式。
同樣，也可以把某種特定樣式強(qiáng)加到只與上下文相關(guān)的標(biāo)簽上。例如，只有當(dāng)加強(qiáng)標(biāo)簽（<em>）中的內(nèi)容出現(xiàn)在一級(jí)標(biāo)題標(biāo)簽（<h1>）內(nèi)時(shí)，上下文樣式定義才會(huì)將其顯示為紅色， 當(dāng)其出現(xiàn)在文檔的其他位置時(shí)則不丐作用：
h1 em {color:red;}
如果兩個(gè)上下文樣式之間有潛在的不明確的地方，更特殊的上下文將具有優(yōu)先權(quán)。
與單個(gè)標(biāo)簽一樣，你可能會(huì)遇到多個(gè)上下文選擇符與單個(gè)選擇符混合在一起的情況，這時(shí)選擇符是用逗號(hào)分開的，并共享同一個(gè)樣式聲明列表。例如：
h1 em,p strong, address{color: red}
上述代碼有示當(dāng)<em>標(biāo)簽出面在<h1>標(biāo)簽內(nèi)，或者當(dāng)<strong>標(biāo)簽出現(xiàn)在<p>標(biāo)簽內(nèi)時(shí)，你將看到<address>標(biāo)簽中的內(nèi)容是紅色的。
嵌套不需要確切符合規(guī)則。例如，如果把<strong>標(biāo)簽嵌套在一個(gè)<p>標(biāo)簽的<ul>標(biāo)簽內(nèi)，仍然符合我們上面定義的p strong 規(guī)則。如果某個(gè)特殊嵌套符合多種樣式規(guī)則，將采用最特殊的那種規(guī)則。例如，如果定義了兩個(gè)上下文選擇符：
p strong{color: red}p ul strong{color: blue}
并在文檔中使用<p><ul><strong>順序，那么將應(yīng)用更為特殊的第二種規(guī)則，并將strong標(biāo)簽中的內(nèi)容顯示為藍(lán)色。
如沒特殊注明，文章均為上海聯(lián)楷網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請(qǐng)注明來自：http://www.ktcbnqb.cn/contact/20151229/n7325.html
