html - 指定为不同类设置样式的类

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，它不具备选择器的灵 active 。

SCSS:

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

编译后的 CSS:

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