如何在CSS中引用子元素

我不确定这是否可能，但我想我会问。我想知道，在CSS中，我是否可以引用每个元素，而不必给它们一个id，而不用给它们一个id，而不用给它们一个id，而不用给它们一个id

如果我有：

  <td id="bracket-wrapper-lt">
    <div id="bracket-top-lt"></div>
    <div id="bracket-middle-lt"></div>
    <div id="bracket-bottom-lt"></div>
  </td>

---

您可以使用

：nth-child（）

css

有关详细信息，请参阅

代码示例：

  <td id="bracket-wrapper-lt">
    <div></div>
    <div></div>
    <div></div>
  </td>

---

上述选项会将第一个div中的文本涂成红色。

是的，您可以使用以下方式访问它：

#bracket-wrapper-lt div

匹配所有子体（具有指定的标记、类等）和

匹配所有子项（具有指定的标记、类等）

---

您可以阅读有关它的更多信息

有关跨浏览器支持，您还可以使用：

#bracket-wrapper-lt > div:first-child { /*Style goes here*/ }
#bracket-wrapper-lt > div:first-child + div { /*Style goes here*/ }
#bracket-wrapper-lt > div:first-child + div + div { /*Style goes here*/ }

演示：

---

它将在IE（>=7）、Firefox、Chrome、Safari和Opera中工作

好的，谢谢。上周我无意中发现了这一点，老实说，我真的想不起来了。有一个简单的解释吗？用一个例子更新了答案错误的选择器

td#括号包装lt:nth child（1）

更改它..我会收回我的-1您还有：first child和：last child选择器，这在您的情况下也可能有用。谢谢Damien，我以前用过，但我需要的东西不止2个。艾加，我能用这个给3个孩子吗？在这种情况下，每个孩子都在做一些不同的事情，所以这仍然有效吗？不，这适用于所有匹配选择器的孩子。如果孩子们有不同的类别或标签，那么是的。但是如果你需要不同的风格，那么你需要的是N个孩子。谢谢你的回答，马里奥。我现在正在看这个。你使用的嵌套CSS越多，它就越复杂。不客气，我喜欢这种方法，因为选择器通常不会太长，而且在所有最常用的浏览器中都能工作。

#bracket-wrapper-lt div

#brakect-wrapper-lt > div

#bracket-wrapper-lt > div:first-child { /*Style goes here*/ }
#bracket-wrapper-lt > div:first-child + div { /*Style goes here*/ }
#bracket-wrapper-lt > div:first-child + div + div { /*Style goes here*/ }