如何选择所有具有“test-class”类子代的div？

Question

如何选择所有具有类为“test-class”的子节点的div？

哇，这被标记为Is there a CSS parent selector?的副本。我读到了这个问题，这个问题实际上是重复的...但是，我和我想如果她/想要做我在标题中所描述的内容，没有人会发现那个标题错误的问题。

1）CSS 有父选择器，但我们正在寻找其他东西

2）问题标题是否有CSS 子选择器？

Answer 1

编辑：为了清楚读者，最初的问题是

  

如何选择测试类中的所有div以及哪个div具有子级？

你不能，因为在CSS中还没有（尚未）父选择器和先前的兄弟选择器。

你只能瞄准下一个兄弟姐妹或儿童（然后是后代）......

只有正确和向下，没有向左和向上。

请注意，请尽可能不要使用W3SChools（read why），而选择器请参阅W3C官方文档：

<强> CSS2 Selectors

<强> CSS3 Selectors

<强> CSS4 Selectors - Draft

当CSS4准备就绪时，如果它现在就像记录一样，那么适当的选择器将是：

  

<强> E! > F

     

F元素的E元素父元素

     

确定选择器+子组合子的主题

然后你就可以制作像

这样的组合器

.test-class div! > *

读作：每个DIV内有某些东西（某些孩子）并且是test-class的后代

Answer 2

您可以按编号选择parent-div（“test-class”）的子项。 所以要选择所有第一个孩子：

.text-class:nth-child{/*code*/}

确保所有的子div都被选中（我会尽可能多地使用带有大多数孩子的.text-class div）：

.text-class:nth-child, .text-class:nth-child(2), 
.text-class:nth-child(3), .text-class:nth-child(4){/*code*/}

顺便说一下，它在列表中，希望它能为你效用！