开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第11天，点击查看活动详情
文章概览
+伪元素
- 继承
- 选择器的权重
伪元素
伪元素表示页面中一些特殊的并不真实存在的元素，伪元素使用：：开头，：：first-letter表示第一个字母；：：first-line表示第一行；：：sesection表示选中的内容；：：before表示元素的开始位置；：：after表示元素的最后位置，但是使用befeore或者after时必须结合content属性来配合使用。
继承
样式的继承时发生在祖先和后代之间的，当为一个元素设置样式时，后代也会应用到。
<div>
祖先
<span>
后代
</span>
</div>
继承的设计方便了开发过程，通过继承可以将一些统一的配置设置到祖先元素上，只需要设置一次就可以让所有元素都应用该样式。
注意：不是所有的样式都可以继承，例如背景相关的元素，布局相关的元素等。
选择器的权重
首先了解样式的冲突，即当选择不同的选择器时，选中相同的元素，并为这些元素相同样式下设置不同的值时，此时就发生了样式的冲突，那么优先生效那种样式就成为了问题，因此引出选择器的权重这一点。
当发生样式冲突时，应该由样式选择器的权重决定：
- 内联样式
- id选择器
- 类和伪类选择器
- 元素选择器
在比较优先级时，需要将所有选择器的优先级的权重进行比较，优先级越高，越优先显示，选择器的累加不会超过其最大的数量级，其中分组选择器是单独计算的，类选择器不会超过id选择器的优先级，如果优先计算后相同，则优先使用靠下的样式。
