我仍在努力弄清如何正确使用nth、first和last子选择器。感谢您的耐心。
如果我的标记如下：
<div class="the-wrapper">
<table class="the-table">
<!-- the table -->
</table>
<table class="the-table">
<!-- the table -->
</table>
</div>
如何选择最后一个<table class="the-table"> 来应用边距？
我认为我可以这样选择它：.the-wrapper .the-table:last-of-type { /* css */ } 但是这并不起作用。我错过了什么吗？谢谢！
编辑
对不起，大家，我错误地打印了我的标记... 正确的标记在上面。
+ 用于选择“同级”元素。（同级指的是具有相同父元素的子元素）http://jsfiddle.net/Lhmjq/
你不能使用nth-child或last-child来实现此操作；正如其名称所示，它是针对子元素的，除非你放置一个父元素，否则无法操作。
以下是一个带有父元素的示例：http://jsfiddle.net/Lhmjq/2/ 在这种情况下，使用了last-child
(已更新为您的新代码) 这是一个 jsfiddle 链接: http://jsfiddle.net/Lhmjq/4/
.the-wrapper .the-table:last-child {
color: blue;
}
根据您的新代码进行更新: http://jsfiddle.net/Lhmjq/4/
.the-wrapper:last-child .the-table { color: red; }，但它把两个.the-table都变成了红色.. 你有什么想法吗？ - Dude.the-wrapper .table-wrapper:last-child并没有成功选中任何元素，原因不明。我很困惑为什么这个方法在我的代码中不起作用，但是在你提供的jsfiddle中却可以。我的标记有一些额外的元素，但结构与上面相同：在the-wrapper内有多个the-table实例。你遇到过类似的情况吗？ - Dude<br> 标签并闭合了 <div> 标签。我猜测未闭合的 div 标签可能会激活某种怪异模式，但无论如何，现在它可以正常工作了。 - chris-l.the-wrapper .the-table:last-child { /* css */ }
之前的代码应该选择包装器中的最后一个表格。结构伪类的目标可能会让人感到困惑。伪类是根据其直接父元素定义的。例如，假设您有一组元素：
<ul class="target-me">
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
如果你想选择列表中的最后一个 li 元素，你可以使用以下 CSS 代码：
.target-me > li:last-child { color: red; }
.target-me > li:nth-child(2) { color: red; }
.target-me > li:first-child span { ... }
.target-me > li:first-child:hover { ... }
结合像Selectivizr这样的polyfill，您可以在所有浏览器上使用这些选择器。我希望这有所帮助！
.the-wrapper:last-child .the-table{}。 - j08691the-table的最后一个实例并对其应用边距。我尝试过.the-wrapper:last-child .the-table { color: red; }，但它选择了the-table的两个实例而不仅仅是最后一个。有任何想法为什么会发生这种情况吗？ - Dude你的代码 ".the-wrapper .the-table:last-child" 会返回所有 ".the-wrapper" 类的最后一个子元素。你想要做的是选择最后一个 ".the-wrapper" 元素。下面的代码将选择最后一个 ".the-wrapper" 元素的最后一个子表格，这正是你要找的...
$('.the-wrapper .the-table:last-child').last().css("border","1px solid #b5b5b5")
干杯！
.the-wrapper + .the-table:last-child { /* 属性 */}。加号可以确保CSS只在这两个类都存在的情况下应用。 - Afzaal Ahmad Zeeshannth和子元素，但我不确定这里的问题是什么。我开始觉得可能标记中存在问题（我没有创建）。这是一个fiddle。如果您有任何想法，我会非常感激！这一直困扰着我（哈哈）！ - Dude.the-table:last-child {}呢？这样有帮助吗？ - Afzaal Ahmad Zeeshan