当前位置:文档之家› CSS中选择器优先级顺序实战讲解

CSS中选择器优先级顺序实战讲解

CSS中选择器优先级顺序实战讲解
CSS中选择器优先级顺序实战讲解

中选择器优先级顺序实战讲解

我们有些程序猿在给一个元素(比如div)应用样式的时候,会有一些疑问,为什么我写在后面的样式不能覆盖前面的样式呢,不是说CSS是层叠样式表吗?

如果你在开发中也遇到同样的问题,即在给某一元素应用样式的时候(比如写在外部样式表中),写在后面的样式不能覆盖前面定义的样式。这个时候,你可能就得考虑是不是没考虑优先级问题了。

当我们在给一个标签,比如div应用样式的时候,我们得考虑优先级问题。

下面列出的就是是选择器的优先级:

行内样式 > ID选择器样式 > 类别选择器样式 > 标记选择器样式

标记选择器好比一个更广泛的概念,然后到类别选择器,到ID选择器,最后到行内样式,不断的精确下去,所以越精确,优先级越高。比如下面的盒子模型:

相关主题
文本预览
相关文档 最新文档