CSS层叠样式表--三大特性

一、继承性

有些属性，如果父元素中已经设置过，其子元素无需重新设置。（可以节省代码）

★★★继承性失效的情况

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标签）