为什么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>
- 您应该为此使用
>
- [
>
将用于您希望将属性值应用于并非所有元素的特定元素。
.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>