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

Question

由于Webkit浏览器中的错误，默认情况下，您不能使用attribute和：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作为参数。

与“类型”有关的伪类是指元素类型，由其标签名称表示。 这并不意味着“与该选择器的其余部分匹配的最后一个元素”。

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

WebKit对我所知道的伪类和属性选择器没有任何问题（或者，如果确实存在，则这些问题早已得到解决）。 它确实存在伪元素的问题，在这里我要解决的是伪造链接的起源。