继承性:
color、text-xxx、font-xxx、line-xxx的属性是可以继承下来。盒模型的属性是不可以继承下来的
.box p{
color: green;
font-size: 30px;
line-height: 30px;
background-color: yellow;
/* 左右对齐 */
text-align: right;
}
a标签有特殊情况,设置a标签的字体颜色 一定要选中a,不要使用继承性
span{
/* transparent透明,就和span所在行内元素p的背景色一样 */
background-color: transparent;
}
除了color、text-xxx、font-xxx、line-xxx属性自动继承其他属性还可以设置强制继承:
eg:
层叠性:
覆盖
(1)行内> id > class > 标签
(2)数数 数 id class 标签
(3)先选中标签,权重一样,以后设置为主
(3)继承来的属性 它的权重为0 ,与选中的标签没有可比性(选中厉害)
(4)如果都是继承来的属性,保证就近原则(后来的覆盖前面的)
(5)都是继承来的属性,选择的标签一样近,再去数权重
但写网页时一般都写后代选择器,不容易出错