,一般只在特殊情况下使用。Р Р 5.包含选择符Р Р 可以单独对某种元素包含关系定义的样式表,元素1里包含元素2,这种方式只对在元素1里的元素2定义,对单独的元素1或元素2无定义,例如:Р table aР {Р font-size: 12pxР }Р 在表格内的链接改变了样式,文字大小为12象素,而表格外的链接的文字仍为默认大小。Р Р 6.样式表的层叠性Р Р 层叠性就是继承性,样式表的继承规则是外部的元素样式会保留下来继承给这个元素所包含的其他元素。事实上,所有在元素中嵌套的元素都会继承外层元素指定的属性值,有时会把很多层嵌套的样式叠加在一起,除非另外更改。例如在DIV标记中嵌套P标记:Р div { color: red; font-size:9pt}Р ……Р <div>Р <p>Р 这个段落的文字为红色9号字Р </p>Р </div>Р (P元素里的内容会继承DIV定义的属性)Р 注意:有些情况下内部选择符不继承周围选择符的值,但理论上这些都是特殊的。例如,上边界属性值是不会继承的,直觉上,一个段落不会同文档BODY一样的上边界值。Р Р 另外,当样式表继承遇到冲突时,总是以最后定义的样式为准。如果上例中定义了P的颜色:Р div { color: red; font-size:9pt}Р p { color: blue}Р ……Р <div>Р <p>Р 这个段落的文字为蓝色9号字Р </p>Р </div>Р 我们可以看到段落里的文字大小为9号字是继承div属性的,而color属性则依照最后定义的。Р Р 不同的选择符定义相同的元素时,要考虑到不同的选择符之间的优先级。ID选择符,类选择符和HTML标记选择符,因为ID选择符是最后加上元素上的,所以优先级最高,其次是类选择符。如果想超越这三者之间的关系,可以用!important提升样式表的优先权,例如:
全文预览