我仍在努力弄清如何正确使用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 */ }
但是这并不起作用。我错过了什么吗?谢谢!
编辑
对不起,大家,我错误地打印了我的标记... 正确的标记在上面。
.the-wrapper + .the-table:last-child { /* 属性 */}
。加号可以确保CSS只在这两个类都存在的情况下应用。 - Afzaal Ahmad Zeeshannth
和子元素,但我不确定这里的问题是什么。我开始觉得可能标记中存在问题(我没有创建)。这是一个fiddle。如果您有任何想法,我会非常感激!这一直困扰着我(哈哈)! - Dude.the-table:last-child {}
呢?这样有帮助吗? - Afzaal Ahmad Zeeshan