3.3.1CSS符合选择器
1.标签指定式选择器
2.后代选择器
3.并集选择器
3.3.2CSS层叠性和继承性
1.层叠性
层叠性是指多种CSS样式叠加。
2.继承性
继承性是指书写css样式表时,子标记会继承父标记的某些样式
继承性非常有用,它使设计师不必在元素的每个后代上添加相同的样式。如果设置的属性是一个可继承的属性,只需将其应用于父元素即可。
p,div,h1,h2,h3,h4,h5,h6,ul,dl,li{ color:black;}
可以写成
body{ color:black;}
下面属性不具有继承性:
边框属性
外边距属性
内边距属性
背景属性
定位属性
布局属性
元素宽高属性
3.3.3CSS优先级
权重
p strong{ color:black} /*权重为1+1*/
strong.blue{ color:green;} /*权重为1+10*/
.father strong { color:yellow;} /*权重为10+1*/
p.father strong{ color :orange;} /*权重为1+10+1*/
p. father .blue { color:gold;} /*权重为1+10+10*/
对应的HTML结构为:
<p class="father" id="header" >
<strong class="blue">文本的颜色</strong>
</p>