html - CSS多级类选择

Question

所以我的问题是如何通过 id #test 将样式仅应用于 class="wp"？
因为在我的主元素中我有很多像 wp 这样的类，但是上面的 id 与那些类不同所以如何使用 leaveit 中的类不会的 id会变吗？

#test {
  text-align: center;
  color: red;
  width: 550px;
  background: black;
  height: 250px;
}

<div id="test">
  <div class="blablabla">
    <p class="wp">test</p>
    <p class="leaveit">This paragraph will be red and</p>
  </div>
</div>

Answer 1

#test .wp { /*styles go here*/ }

简单易行。