第三章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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值