一起使用CSS伪和属性选择器

Question

由于webkit浏览器中存在错误，因此默认情况下不能使用属性和：before /：after。

使用nth-last-of-type选择器时修复似乎没有任何效果。

这就是我正在做的事情：

    .left[class^='col']:nth-last-of-type{
        margin-right: 0 !important;
    }

只是想检查一下，看看我是不是忽视了一些简单的事情。

Answer 1

您的:nth-last-of-type语法有点偏离 - 它是:last-of-type或功能:nth-last-of-type()，其中公式an+b为参数。

属于＆＃34;类型＆＃34;的伪类。引用元素类型，由其标记名称表示。它并不意味着＆＃34;与该选择器的其余部分匹配的最后一个元素＆＃34;。

例如，如果匹配.left[class^='col']的最后一个元素不是最后一个span元素，则:last-of-type将不匹配。您必须修改HTML以将这些span元素与其他元素隔离，或者将类添加到最后一个这样的元素，然后才能使用选择器对其进行定位。

WebKit对我所知道的伪类和属性选择器没有任何问题（或者如果有的话，那些问题早已得到修复）。它确实存在伪元素的问题，我解决了小提琴链接所在的here。