html - 用于样式更改的 CSS - 不适用于 chrome

Question

li.disabled a {color : #808080;}

我已经在 .css 文件中添加了上述内容，我的期望是找到任何<li>带有禁用类的标签，并使<a href="#">???</a>该标签中给出的相应内容显示为灰色。

我的 html 示例是http://pastebin.com/cnA4gqb3

这似乎不适用于像chrome这样的浏览器。你能建议我一个通用的css，它可以在所有浏览器中通用吗？

Answer 1

这可能是一个“重要”问题。其他一些 CSS 可能对 Chrome 更重要。尝试添加 !important 或更改规则的顺序。

Answer 2

你可以使用这样的东西：

这基本上用于 safari 和 chrome，

`@media screen and (-webkit-min-device-pixel-ratio:0) { #u { color:green; /* 仅限 Safari */ } }