CSS复合选择器
1.标签指定式选择器
又称交集选择器,由两个为选择器构成,其中一个为标记选择器,第二个为clss选择器或id选择器,两个选择器之间不能有空格,如h3.special或p#one。
例如:p.special{color:red;}
p.special定义的样式仅仅适用于<p class="special">
标记,而不会影响使用了special类的其他标记。
2.后代选择器
后代选择器用来选择元素或元素组的后代,其写法就是把外层标记写在前面,内层标记写在后面,中间用空格分隔。当标记发生嵌套时,内层标记就成为外层标记的后代。
例如:p strong{color:red;}
3.并集选择器
各个选择器通过逗号连接而成的
例如:h2,h3,p{color:red;font-size:14px;>
不同标记组成的并集选择器
h3,.special,#one{text-decoration:underline;} 标记、类、id组成的并集选择器
CSS层叠性和继承性
1.层叠性
指多种CSS样式的叠加
例子:p{font-size:12px;font-family:"微软雅黑"; .special{font-size:16px;} #one{color:red;} </style> </head> <body> <p class="special" id="one">段落文本1</p>
2.继承性
指书写CSS样表时,子标记会继承父标记的某些样式,如文本颜色和字号。
p,div,h1,h2,h3,h4,u1,u2,u3{color:red;}
可以写成
body{color:black;}
并不是所有的CSS属性都可以继承,有以下属性不可以:
边框属性
外边距属性
内边距属性
背景属性
定位属性
布局属性
元素宽高属性
3.CSS优先级
标记选择器权重:1
类选择器权重:10
id选择器:100
继承样式的权重为0。即在嵌套结构中,不管父元素样式的权重多大,被子元素继承时,它的权重都为0,也就是说子元素定义的样式会覆盖继承来的样式。
行内样式优先。应用style属性的元素,其行内样式的权重非常高,可以理解为远大于100。总之,它拥有比上面提高的选择器都大的优先级。
权重相同时,CSS遵循就近原则。