1.CSS继承性
CSS继承性也称为样式的层叠性。简单地说，就是在定义CSS样式的时候，定义的某个标签的样式的时候，该标签下的子类元素会即使没设置样式属性，也会默认继承它的父类元素的样式。例如div标签下有p标签，但是设置样式的时候，只设置了div的样式，并没有设置p的样式，但p标签内的内容依然会继承div标签的样式属性，这个就称为CSS的继承性
<style type="text/css">
div{
color:red;
font-family:"宋体";
}
</style>
<div>
<p>举个例子</p>
<p>根据css的继承性，即便没有定义p标签的样式，它也会继承div这个父类元素的样式</p>
<a href="#">但像a标签这种特殊的标签就不会默认继承父类元素的样式</a>
</div>2.CSS层叠性和优先级
层叠性是指当有多个选择器都作用于同一个元素，即同一个样式被多个选择器定义，CSS会对其进行处理。
CSS的处理原则如下:
1.如果多个选择器定义的样式规则不发生冲突，则元素将应用所有选择器定义的样式。例如一个并集选择器和一个类选择器同时定义了一个标签的样式，但是并集选择器定义的是样式a，类选择器定义的是样式b。那么这个标签将同时应用这两个选择器中的样式
<style type="text/css">
p{
color:red;
}
#font{
font-size:12px;
}
</style>
<body>
<p id="font">举个例子，这个p标签被标签选择器和ID选择器同时定义样式。但是两个选择器定义的样式不是同一个属性，所以两者并不会发生冲突，则最后p标签会同时应用两个选择器内的规定样式</p>
</body>
2.如果多个选择器定义的样式规则发生了冲突，则CSS选择器按照选择器的优先级来进行处理。
<style type="text/css">
p{
color:red;
font-family:"宋体";
}
</style>
<body>
<p style="color:blue;">这里的p标签同时被内联样式和行内样式定义了color的样式属性
所以属性发生了冲突，但是按照css中的选择器的优先级，行内样式大于内联样式，所以内联样式定义的样式属性不会被应用，最终p标签只会应用行内样式的属性
</p>
</body>CSS规定的选择器的优先级从高到低为：行内选择器→ID选择器→类选择器→标签选择器。简而言之就是一个标签被多个选择器同时定义一个样式，那么就会按照CSS中选择器的优先级来进行处理。
246
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
