替换假定X浏览器不支持的CSS选择器

时间:2016-04-07 11:04:30

标签: css html5

所以我们假设我们想创建HTML网站,我们想要使用下面的CSS选择器:

.error 但我们的浏览器不支持类选择器(.error)

#footer 但我们的浏览器不支持ID选择器(#footer)

a:link 但我们的浏览器不支持-pseudo-class:link

[lang | =" en"] 但我们的浏览器不支持 - [attr | = value]以及伪类:lang()

:not(:first-child)但我们的浏览器不支持伪类:not()

img:not(:first-of-type)但我们的浏览器不支持伪类:not()

* li:nth-​​child(-n + 3)*但我们的浏览器不支持伪类:nth-​​child()

有没有人知道我们如何编写上述选择器而没有我们的浏览器不支持的选择器?只觉得我到目前为止发现我们可以使用 [class~ =" error"] 而不是 .error

1 个答案:

答案 0 :(得分:1)

所有最近的浏览器都支持所有可能的 CSS选择器,包括属性选择器。 兼容性列表:

但是,为了满足您的好奇心,可以将样式表链接到特定的浏览器。只是,它不是那么容易,你必须用 Javascript 来应用它。我邀请您阅读有关此事的以下主题: