如何使用纯CSS选择某些指定元素的所有子元素？

Question

说我有一个HTML：

<p>
  <label>Label</label>
  <input type="file" />
  <div>test div</div>
</p>

我想选择label标签的子input，div和p，如何一次性选择所有标签？我不想更具体，因为它们可能会改变。

谢谢，

Answer 1

要执行此操作，您需要将一个类添加到<p> beacuase，请参阅下面的图片：

我通过以下css执行此操作：

＆＃13;

＆＃13;

p.para *,p.para + div{
    background: #ff0000;
}

＆＃13;

<p class="para" >
  <label>Label</label>
  <input type="file" />
  <div>test div</div>
</p>
<div>ddd</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

如果是针对特定网页，p *就可以了。

但是，如果您在所有html文件中导入的主css文件中都有此规则，则p *会出现问题，因为它会更新<p>标记中的所有嵌套元素。

因此，最好在css文件中使用单个规则