第三章3.3CSS高级特性

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>
发布了28 篇原创文章 · 获赞 1 · 访问量 1700

猜你喜欢

转载自blog.csdn.net/qq_45870494/article/details/103552541
今日推荐