HTML网站上下文选择符
作者：佚名 时间：2014-03-10
HTML网站上下文选择符
通常情况下，无论标签在文档中的什么位置出现，能哆识别样式的浏览器会把文档级的引入的样式应用到标签内容中，而不是考虑上下文。然而，CSS2标准定义了一种特殊的方式，它规定只有当标签出现在文档的某个特定上下文时才能应用样式，例如，当它嵌套在其他标签中时。
通常情况下，无论标签在文档中的什么位置出现，能哆识别样式的浏览器会把文档级的引入的样式应用到标签内容中，而不是考虑上下文。然而，CSS2标准定义了一种特殊的方式，它规定只有当标签出现在文档的某个特定上下文时才能应用样式，例如，当它嵌套在其他标签中时。
如果要创建下下文选择符，要按它们在文档中的嵌套顺序列出标签，最外铡的标签排在第一位。当浏览器遇到嵌套序列时，它将对列表中最后一个标签应用样式属性。
例如，下面示例说明了如何使用上下文样式来创建典型的数字序列：较外层用大定的罗马数字，下一层用阿拉伯数字，最里面的一层用小字母：
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;}
根据样式表示例可以得知，当能够识别样式的浏览器遇到嵌套在一个<ol>标签中的<li>标签时，它会对<li>标签的list-style属性使用upper-roman值。当浏览器看到一个<li>标签嵌套在两个<ol>标签时，将使用upper-alpha列表样式。在三个和四个<ol>标签中嵌套一个<li>标签时，它将分别使用decimal和lower-alpha列表样式。
同样，也可以把某种特定样式强加到只与上下文相关的标签上。例如，只有当加强标签（<em>）中的内容出现在一级标题标签（<h1>）内时，上下文样式定义才会将其显示为红色， 当其出现在文档的其他位置时则不丐作用：
h1 em {color:red;}
如果两个上下文样式之间有潜在的不明确的地方，更特殊的上下文将具有优先权。
与单个标签一样，你可能会遇到多个上下文选择符与单个选择符混合在一起的情况，这时选择符是用逗号分开的，并共享同一个样式声明列表。例如：
h1 em,p strong, address{color: red}
上述代码有示当<em>标签出面在<h1>标签内，或者当<strong>标签出现在<p>标签内时，你将看到<address>标签中的内容是红色的。
嵌套不需要确切符合规则。例如，如果把<strong>标签嵌套在一个<p>标签的<ul>标签内，仍然符合我们上面定义的p strong 规则。如果某个特殊嵌套符合多种样式规则，将采用最特殊的那种规则。例如，如果定义了两个上下文选择符：
p strong{color: red}p ul strong{color: blue}
并在文档中使用<p><ul><strong>顺序，那么将应用更为特殊的第二种规则，并将strong标签中的内容显示为蓝色。
如没特殊注明，文章均为上海联楷网络原创,转载请注明来自：http://www.linksj.com/contact/20151229/n7325.html
