指定要为不同类设置样式的类

Question

如何定义一个类来为其中的某些元素设置样式？

我试过这个，但元素没有样式：

<div id="test">
<p>hello</p>
<h3>how are you</h3>
</div>

#test {
  p {
    color: red;
  }
  h3{
    color: blue;
  }
}

并且#test p { }不是我正在寻找的......我确信我已经在一个例子中看到了上面的代码。

Answer 1

重新阅读代码，我合理地确定您看到的代码是LESS或Sass，它们被编译为CSS。

例如，在this codepen上，您会注意到我在Sass中设置了一些元素。这段代码被编译成CSS，它没有相同的选择器灵活性。

SCSS：

#test{
  h1{
    color:blue;
  }
  p{
    color:red;
  }
}

编译CSS：

#test h1 {
  color: blue;
}
#test p {
  color: red;
}