CSS:怎么说.class:last-of-type [类,不是元素!]

Sli*_*liq 77 css css-selectors css3

可能重复:
如何在CSS中选择具有特定类名的"最后一个孩子"?

正如标题所说,我想将css规则添加到具有某个类的某个类型的最后一个元素.以下代码完美运行:

div:last-of-type { margin-right:0; }
Run Code Online (Sandbox Code Playgroud)

但我想要类似的东西

div.class:last-of-type { margin-right:0; }
Run Code Online (Sandbox Code Playgroud)

这该怎么做 ?

amu*_*ill 71

不幸的是找到最后一个.class是不可能的last-of-type.

编辑:要实际添加一些建设性的答案,您可以回退到JavaScript以找到此选择器,或修改您的标记/ CSS.虽然我发现自己的情况是,last-of-type对于一个类选择器会很有用,但是没有什么是不能用更多的思考来解决的.

  • 如果你真的不想手动添加额外的类,可能是一个jQuery回退:`$('.class').last().addClass('last');` (4认同)
  • @amustill我完全同意,但在某些情况下你没有可能改变标记(添加一个类,放置一些div),因为你的客户端使用的是一个无法创建或更改DOM内容的糟糕CMS.这是残酷的现实. (4认同)
  • 我在纯HTML5中使用了一个没有js的完美解决方法:添加你自己的标记,替换你的基本"div.class"让我们说:<myMarkup class ="class"> foo stuff </ myMarkup>和你的CSS:myMarkup:last -of-type {margin-right:0;}它将与大多数现代浏览器(IE + 9和所有其他)完美配合 (2认同)