Question

为什么CSS选择器不只选择父类中的元素，而是选择代码中的所有标记。即使提到了也要在“ .new1 h1，p” CLASS内部查看。是否可以将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

您应该为此使用>

>将在您希望将属性值应用于特定元素而不是所有元素时使用。

.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>

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

1 个答案: