选择器优先级别

单纯的CSS文件

当我们创建一个CSS文档时，经常遇到样式定义冲突的情况，这时遵从以下规则。

• 当一个HTML元素被定义多重CSS样式时，只有最后一个是可见的。如：

p {color: red}
p {color: blue}
/* 效果为蓝色 */

• 当CSS样式定义在DOM元素的父级节点时，所有的子级元素都会继承该样式。
• 同一元素存在不同的选择方式时，根据权重进行计算，权重越高越优先：

• ID属性=100
• class属性=10
• HTML<>标签=1

• 无论何种情况，使用 ！important 标记，可以把选择器优先级提高到最前。

Hello World

在HTML文件中使用CSS

有多种方法可以把CSS文件导入到HTML中，通常在HTML中出现位置的顺序为：

1. 在部分通过导入外部样式
2. 在部分直接写入 /* @import in CSS area */ /* Style attribute in HTML element */

   Hello World