html - > * 在 CSS 中选择什么？

Question

HTML 代码：

<slider>
  <slide><p>Slide 1</p></slide>
  <slide><p>Slide 2</p></slide>
  <slide><p>Slide 3</p></slide>
  <slide><p>Slide 4</p></slide>
</slider>

代码：

slide > * {
  can you please tell me what this will select
}

标签： htmlcsscss-selectors

Answer 1

这将选择所有元素的所有子<slide>元素。所以是这样的：

<slide>
  <div>Selected</div>
  <div>Selected
    <div>Not selected</div>
  </div>
  <span>Selected</span>
</slide>
<slide>
  <p>Selected</p>
</slide>

元素的子代（但不是孙代）被选中。