有没有办法让 CSS :not() 选择器在 IE 和 Chrome 中工作？

Posted 2023-03-06

【中文标题】有没有办法让 CSS :not() 选择器在 IE 和 Chrome 中工作？

【英文标题】：Is there any way to get the CSS :not() selector working in IE and Chrome?

【发布时间】：2011-05-26 17:46:41

【问题描述】：

有人知道在 IE 和 Chrome 中使用 CSS :not() 选择器的技巧吗？

例如这适用于 Firefox：iframe:not(.anifrmclass)

干杯！

【参考方案1】：

特异性是你的朋友。将:not(.anifrmclass) 样式应用于所有<iframe>s，然后用<iframe class="anifrmclass"> 的其他值覆盖。

iframe 
    /* Styles for all -other- iframes */
    display: none;


iframe.anifrmclass 
    /* Override for this class with values other than the above */
    display: inline-block;

【讨论】：

我怎么没想到。谢谢，BoltClock！

当使用诸如margin之类的样式设置列表项时， li:not(:last-child) 不起作用，并且此方法无济于事。没有人想在最终列表项中添加一个特殊的类。