Css 第一类与儿童

我开始被类型的>、：n子项和：n项弄糊涂了

我有：

<div class="entry-content">
    <div class="first-img">
        <img />
    </div>
    <div class="first-box">
        <blockquote></blockquote>
    </div>
    <blockquote></blockquote>
</div>

我想设计直接在.entry内容中的第一个blockquote，这意味着这是示例中的第二个blockquote，而不是div.first框中的第一个blockquote

我也试过了。输入内容>块引号：nth-child2。输入内容：nth-of-type2，它们不起作用

.entry content>blockquote是否意味着：

我选择只直接在条目内容中的块引号， 或 直接在条目内容中而不是在其他div中的所有区块报价，以及那些在div中的区块报价？

---

您实际需要使用的选择器是：

.entry-content > blockquote:nth-of-type(1) {
  /* styles */
}

所有：nth-*，*-子选择器仅对共享公共父级的元素起作用。在问题中提供的HTML中，.entry内容正下方的blockquote是其类型的第一个，因此您应该使用nth-of-type1来选择它，而不是nth-of-type2

.entry content>blockquote:nth-of-type1{ 背景：红色； } 后代 小孩

---

您实际需要使用的选择器是：

.entry-content > blockquote:nth-of-type(1) {
  /* styles */
}

所有：nth-*，*-子选择器仅对共享公共父级的元素起作用。在问题中提供的HTML中，.entry内容正下方的blockquote是其类型的第一个，因此您应该使用nth-of-type1来选择它，而不是nth-of-type2

.entry content>blockquote:nth-of-type1{ 背景：红色； } 后代 小孩 .entry content>blockquote将仅选择一级blockquotes。在我的例子中，这些是在之前和之后

.条目内容blockquote将选择每个

.entry content>blockquote将仅选择一级blockquotes。在我的例子中，这些是在之前和之后

.entry content blockquote将选择从0开始的第n个子项，例如，如果您有html代码：

<div id="main">
     <div>text1</div>
     <div>text2</div>
</div>

CSS选择器main>div:nth-child0将选择text1所在的div。 CSS选择器main>div:nth-child1将选择文本为：

nth child从0开始的div，例如，如果您有html代码：

<div id="main">
     <div>text1</div>
     <div>text2</div>
</div>

CSS选择器main>div:nth-child0将选择text1所在的div。

---

CSS选择器main>div:nth-child1将选择文本所在的div:

您尝试了前两个；你试过第三个了吗？应该回答你的问题。@BoltClock-已经回答并接受了。。。谢谢你试了前两个；你试过第三个了吗？应该回答你的问题。@BoltClock-已经回答并接受了。。。谢谢非常感谢，它工作得很好，也谢谢你的解释！非常感谢，它工作得很好，也谢谢你的解释！谢谢你对我的问题的回答不完整，只回答了我的第二个问题，但感谢你的解释，我投了赞成票！谢谢你对我的问题的回答不完整，只回答了我的第二个问题，但感谢你的解释，我投了赞成票！