前端常见面试题：层级样式关系，选择器优先级，样式冲突，抽离样式理解

1.css样式层级关系：
可根据浏览器开发者工具去看样式层级关系
！important可提高样式层级。
下面相同属性会覆盖上面相同属性，优先级高的覆盖优先级低的。
2.选择器优先级：
id>class>html标签元素
3.样式冲突
当多种同样样式定义在同一个元素时，就会存在样式冲突。此时根据样式先后顺序和优先级进行选择。
4.抽离样式
相同样式抽取写在一个共通样式块中，不一样写在不同样式块中。