当我们创建一个CSS文档时，经常遇到样式定义冲突的情况，这时遵从以下规则。
当一个HTML元素被定义多重CSS样式时，只有最后一个是可见的。如：
p {color: red}p {color: blue}/* 效果为蓝色 */当CSS样式定义在DOM元素的父级节点时，所有的自己元素都会继承该样式。
同一元素存在不同的选择方式时，根据权重进行计算：
使用 ！important 标记，可以把选择器优先级提高到最前。
<body><p id="target" class="target">Hello World</p></body><style> p#target {color: black !important} p#target {color: red} p.target {color: blue} p {color: tomato} /* Black color is applied */</style>有多种方法可以把CSS文件导入到HTML中，通常在HTML中出现位置的顺序为：
- 在部分通过导入外部样式
- 在部分直接写入