css - 类选择器的顺序重要吗?

标签 css sass css-selectors

<分区>

假设我有一个元素如下:

<div class="A B C" />

在 scss 样式表中,我有如下样式:

.A {
  &.B {

  }
  &.C {
  }
}

.B {
  &.A {
  }
  &.C {
  }
}

.C {
  &.A {
  }
  &.B {
  }
}

该元素将采用哪些 CSS 样式,它是如何工作的?

最佳答案

所有这些都将被应用,因为顺序不相关。如果后面的规则包含相同参数的设置,后面的规则将覆盖前面的规则,这只是由于样式表中的顺序。

关于css - 类选择器的顺序重要吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49268385/

上一篇:html - 如何使 Bootstrap 社交图标居中?

下一篇:html - 我怎样才能在html上对齐这种段落

相关文章:

css - 这个伪元素应用于什么?

html - Foundation 6 的特殊大小写标题大小

html - 使用 :after element - Animate out when mouse is out of button dimensions 对按钮的悬停效果

javascript - [attribute != "value"] 是否存在于 CSS 中的任何位置,还是我刚刚编造的?

css - LESS 中的双 & 号

css - 像 Ionic 2 中的 Modal 一样发出警报

Android:根据主题/样式更改选择器字体大小

css - 不使用两个 div 的 div 中心的背景图像不透明度

css - 如何设置一个div的最小高度来调整它的内容

html - 具有两个条目的输入字段 - 一个在左侧,一个在右侧