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

问题描述 投票:0回答:1

为什么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>
html css
1个回答
0
投票
  1. 您应该为此使用>
  2. [>将用于您希望将属性值应用于并非所有元素的特定元素。

.new1>h1, .new1>p {
  color: purple;
  text-align: center;
}
<!DOCTYPE html>
<html>
<head>
<style>

</style>
</head>
<body>

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

</body>
</html>
© www.soinside.com 2019 - 2024. All rights reserved.