一、继承性
有些属性,如果父元素中已经设置过,其子元素无需重新设置。(可以节省代码)
★★★继承性失效的情况
1.继承的优先级没有浏览器的默认样式高。
二、层叠性
1.多个选择器可以同时作用于同一个标签,效果叠加。
例:
<style>
p{
color:red;
}
.fs14{
font-size:14px;
}
#para{
text-decoration:underline;
}
</style>
<p id="para" class="fs14">层叠性</p>
★★★★★★
1.给同一个标签设置不同的样式,央视会叠加。
2.给同一个样式设置相同的样式,写在最后的会生效(在优先级相同的情况下)。
3.当样式发生冲突的时候,看优先级,优先级高的显示,入果优先级一样,参考上一条。
三、优先级
1.通过权重来判断优先级,不同的选择器拥有不同的权重。
权重大小排序:
继承性<通配符选择器<标签选择器<类选择器<id选择器<行内样式表<!important
四、CSS层叠样式表--属性选择器
1.img[alt] (选择有alt属性的img标签)
2.img[alt="A"] (选择alt="A"的 img标签)
3.img[alt^="A"] (选择alt属性是以A开头的img标签)
4.img[alt$="A"] (选择alt属性以A结尾的img标签)
5.img[alt*="A"] (选择alt属性中包含A的img标签)
6.img[alt~="A"] (选择alt属性中有空格隔开的A字样的img标签)
7.img[alt|="A"] (选择alt属性以A开头的img标签)