html - CSS 选择器 - 选择父类中的特定标签

Question

为什么 CSS 选择器不只选取父类中的元素，而是选取代码中的所有标签。尽管提到了“.new1 h1，p”类里面的内容。是否可以在类内的选定标签上应用 CSS，或者我是否需要在 p、h1 标签上添加其他类。

.new1 h1,
p {
  color: purple;
  text-align: center;
}

<p>This is a paragraph.</p>

<section class="new1">
  <p> Hello </p>
  <h1> Hi! </h1>
</section>

<section class="new2">
  <p> Hello </p>
  <h1> Hi! </h1>
</section>

Answer 1

1. you should use > for that
2. > will be used when you want a property value to be applied to specific element not for all element.

.new1>h1,
.new1>p {
  color: purple;
  text-align: center;
}

<p>This is a paragraph.</p>

<section class="new1">
  <p> Helloooo </p>
  <h1> Hiiii! </h1>
</section>

<section class="new2">
  <p> Hello </p>
  <h1> Hi! </h1>
</section>