Question

我想尝试使用像.groupA{ .text1{ color: bule; } }这样的群组CSS是这种使用CSS的正确方法。

HTML：

<div class="groupA">
<div class="text1">bla bla bla bla</div>
<div class="text1">bla bla bla bla</div>
<div class="text1">bla bla bla bla</div>
</div>

CSS：

我希望这种格式在分组中使用CSS。

.groupA{
  .text1{
    color:blue;
  }
 }

 .groupB{
    .text1{
     color:yellow;
  }
 }

Answer 1

为了将选择器的样式分组（在这种情况下选择器是你的DIV），你应该使用这样的语法：

.groupA, .text1 {
    color: #ffffff; 
    align: right;
}

这是分组。但请注意，.groupA中的所有内容都将继承groupA的属性，因此您不需要.text1类，除非您希望 .groupA中的DIV 的某些样式设置不同。在这种情况下，您可能希望每个DIV都有不同的CSS代码块。

如何在HTML元素上应用group css

1 个答案: