一起使用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對我所知道的偽類和屬性選擇器沒有任何問題（或者，如果確實存在，則這些問題早已得到解決）。 它確實存在偽元素的問題，在這里我要解決的是偽造鏈接的起源。