样式表的优先级
我们学习了3种样式表，了解了它们各自的应用范围。如果在一个HTML页面中，使用这3种样式，并且每一种样式中都为某一个HTML标签同一个属性定义了多个不同的样式，那么在页面显示时，究竟是哪个样式表起作用呢？
1．层叠样式表的意义
当我们为同一个标签多次设置样式表的时候，这些样式表会最终层叠成一个样式表来作用于标签。例如，你在外部样式表中为p定义了如下样式：
p { text-align: left;}
而在内部样式表中又定义了如下样式：
css样式表优先级最高
p {text-indent: 24px;}
那么最终网页内p标签的样式将为： p { text-align: left;text-indent: 24px;}。
2．几种样式表的优先级
上面的两个样式表的层叠比较好理解，两个样式表分别定义了一个标签的不同属性。但是如果外部样式表与内部样式表同时定义了一个属性呢？看下面的例子。
外部样式表的内容：
p { text-align: center;}
内部样式表的内容：
p { text-align: left; }
最终页面中的段落将是左对齐，也就是说如果你试图对同一标签的同一属性多次定义，那么内部样式表的定义将要覆盖外部样式表的定义。这是因为内部样式表的优先级高于外部样式表。三种样式表的优先级由高到低排列如下：
1. 行内样式表(内嵌样式表)
2. 内部样式表
3. 外部样式表
4. 补充规则：优先级相同的情况下，后定义的属性会覆盖先前定义的。
其他高级规则：CSS中的important!是比较实用的技巧，这里就不多说了。将在后续的CSS技巧中讨论。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。