代码之家 › 专栏 › 技术社区 › injoy

类选择器的顺序重要吗?[副本]

css-selectors sass css

-1

injoy · 技术社区 · 7 年前

假设我有一个元素,如下所示:

<div class="A B C" />

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

.A {
  &.B {

  }
  &.C {
  }
}

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

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

元素将选择什么样的CSS样式?它是如何工作的?

2 回复 | 直到 7 年前

Johannes 7 年前

所有这些都将适用,因为订单不相关。如果后面的规则包含相同参数的设置,则根据样式表中的顺序,后面的规则将覆盖前面的规则。

Jacob 7 年前

所有这些款式都会被挑选出来。课程的顺序并不重要。这将转化为的CSS基本上是:

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

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

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

。。。因为它有三个类,所以它们都适用。

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

6 月前

Mass · 如何在Tailwind CSS v4中创建配置

6 月前

magenta placenta · 将css变量合并为一个变量

6 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

6 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

6 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

6 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

6 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

6 月前

Luckkks · 过渡色工作不正常

6 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

6 月前