正在加载图片...
p[lang I="en"][ font-family: Verdana; 选择了所有存在属性rel,且将lang属性值按"-"分隔后其中第一段恰为"en"的元素,如<p ang="en-us">。事实上这个选择器主要就是针对语言属性lang而设计的 TIPS 如果在某个选择器后直接接上一个或多个类选择器、ID选择器或属性选择器(没有空格),则是表示被选择 的元素需要同时满足这几个选择器的条件。例如 " p right"对应了具有属性 class:=" right"的<p>元素 n[ttle对应了具有属性 class="main"定义了属性 title的元素 ".bold. right"对应了具有属性 class=" bold right"的元素 对于多条样式,一般将其写为多行,以便阅读: text-align: center 对于应用于多个元素的样式中重复的部分,可将同属性值的选择器组合起来用逗号隔开 hl, h2, h3, h4, h5, h6 font-family: arial 对于带单位的属性值,在数值和单位之间,不要留有空格。如设定高度为200px时,应该写为" height: 200pX"而不要写成" height:200px 3特殊性 即使在不太复杂的样式表中,也有可能有两个或更多规则寻找到同一元素。CSS通过一个 称谓层叠( cascade)的过程处理这种冲突。层叠过程根据选择器的特殊性决定规则的次序。 具有更特殊选择器的规则优先于具有比较一般的选择器的规则。如果两个规则的特殊性相 同,那么后定义的规则优先。 为了计算规则的特殊性( specificity),每种选择器被分配一个数字值。然后,将规则的每个 选择器的值加在一起,计算出规则的特殊性。不幸的是,特殊性的计算不是以10为基数的 而是采用一个更高的未指定的基数。这确保非常特殊的选择器(比如ID选择器)不会被大量 比较一般的选择器(如元素选择器)的组合所超越。但是为了简化,如果在一个特定的选择其 中的选择器数量少于10个,那么可以以10为基数计算特殊性。 选择器的特殊性分成四个成分等级:a、b、C和d。 如果样式是行内样式,那么a=1。 b=ID选择器的总数 C=类、伪类和属性选择器的总数 d=元素选择器的总数。p[lang|="en"] { font-family: Verdana; } 选择了所有存在属性rel,且将lang属性值按"-"分隔后其中第一段恰为"en"的元素,如<p lang="en-us">。事实上这个选择器主要就是针对语言属性lang而设计的。 TIPS 如果在某个选择器后直接接上一个或多个类选择器、ID选择器或属性选择器(没有空格),则是表示被选择 的元素需要同时满足这几个选择器的条件。例如 "p.right"对应了具有属性class="right"的<p>元素; ".main[title]"对应了具有属性class="main"定义了属性title的元素; ".bold.right"对应了具有属性class="bold right"的元素。 对于多条样式,一般将其写为多行,以便阅读: p.main { text-align: center; font-weight: bold; } 对于应用于多个元素的样式中重复的部分,可将同属性值的选择器组合起来用逗号隔开: h1, h2, h3, h4, h5, h6 { font-family: arial; } 对于带单位的属性值,在数值和单位之间,不要留有空格。如设定高度为200px时,应该写为"height: 200px"而不要写成"height: 200 px"。 3 特殊性 即使在不太复杂的样式表中,也有可能有两个或更多规则寻找到同一元素。CSS通过一个 称谓层叠(cascade)的过程处理这种冲突。层叠过程根据选择器的特殊性决定规则的次序。 具有更特殊选择器的规则优先于具有比较一般的选择器的规则。如果两个规则的特殊性相 同,那么后定义的规则优先。 为了计算规则的特殊性(specificity),每种选择器被分配一个数字值。然后,将规则的每个 选择器的值加在一起,计算出规则的特殊性。不幸的是,特殊性的计算不是以10为基数的, 而是采用一个更高的未指定的基数。这确保非常特殊的选择器(比如ID选择器)不会被大量 比较一般的选择器(如元素选择器)的组合所超越。但是为了简化,如果在一个特定的选择其 中的选择器数量少于10个,那么可以以10为基数计算特殊性。 选择器的特殊性分成四个成分等级:a、b、c和d。 Š 如果样式是行内样式,那么a=1。 Š b=ID选择器的总数。 Š c=类、伪类和属性选择器的总数。 Š d=元素选择器的总数
<<向上翻页向下翻页>>
©2008-现在 cucdc.com 高等教育资讯网 版权所有