CSS 对象解析

标签 css class object

如果 CSS 中的两个类具有相同的派生类,CSS 如何解析正确的类?

例如:

.ClassA.Left {}
.ClassB.Left {}
.Left {}

既然“Left”类可以应用于任何对象,我怎么能确定它就是我想要的呢? 什么优先级用于绑定(bind)“Left”?

最佳答案

任何以 .Left 作为类的东西都将在 .Left 中应用样式,除非它ClassA (class="Left ClassA") 然后它将从 .Left.ClassA.Left 获取样式,其中 ClassA.Left 优先,因为它具有更高的特异性。相同的规则适用于 class="Left ClassB"

请参阅此处了解特异性:https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

关于CSS 对象解析,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18935269/

相关文章:

html - 缩放时 Div 框移动

javascript - 在 typescript 中合并类型(将键添加到现有的 keyof 类型)

python - 为什么 `x = x` 仅在函数内部定义时才在 Python 类中给出错误?

javascript - React build 删除组件类的名称

c# - .Contains() 在自定义类对象列表上

javascript - 对象属性作为哈希函数中的键值对

C++ 外部对象数组

css - 外部 CSS 与内联样式性能差异?

html - Gmail CSS 样式

jquery - 一次变灰多个相同 css 类的标签