CSS特性及优先级

css特性

继承性

• 后代元素继承祖先元素的样式
• 只能继承文字、文本的样式，其他样式不能继承
• color、text-开头、font-开头、line-开头的元素样式可以继承
• （div内的子元素继承不了div的weight、height）

叠加性

多个选择集选中同一个类或者元素时，添加的为不同的样式，则所有的选择器都生效

//css的style样式中编写
span { color:red; }
.abc { font-size:30px; }

//body中
<span class="abc">我们</span>

层叠性

多个选择集选中同一个类或者元素时，添加的为相同的样式，则所只有一个选择器生效，因此衍生出不同选择器的优先级比较

css优先级

按照优先级的顺序由小到大：
继承样式 < 浏览器的预设样式 < 通用选择器* < 标签选择器 < 类选择器（class .abc）< id选择器（#abc） <后代选择器（div #one√ div .one×，id选择器优先级更高） < 行内样式

总结：

• 选择的元素越精确，优先级就越高
• 优先级相同时，后写的样式会覆盖前面的样式