使用条件注释可以轻松地将Internet Explorer作为特定于浏览器的CSS规则的目标:

<!--[if IE 6]>
...include IE6-specific stylesheet here...
<![endif]-->

有时是Gecko引擎(Firefox)行为不正常.What would be best way to target only Firefox with your CSS rules and not a single other browser?也就是说,Internet Explorer不仅应该忽略仅限Firefox的规则,而且WebKit和Opera也应该忽略.

我在寻找一种"干净"的解决方案.在我看来,使用JavaScript浏览器嗅探器将"Firefox"类添加到我的HTML中并不算干净.我更希望看到一些依赖于浏览器功能的东西,就像条件注释对于IE…来说只是"特殊的"

推荐答案

好的,我找到了.这可能是最干净、最简单的解决方案,不需要打开JavaScript.

@-moz-document url-prefix() {
  h1 {
    color: red;
  }
}
<h1>This should be red in FF</h1>

它基于另一个特定于Mozilla的CSS扩展.这里有一个完整的CSS扩展列表:Mozilla CSS Extensions.

Css相关问答推荐

我找不出Firefox上奇怪的css行为的原因

Firefox中的解决方法:has(不使用JavaScript)

如何通过重复的网格区域来简化网格布局?

如何使用 Ant Design 为不同的屏幕尺寸制作自定义组件样式

创建一个CSS动画的对角线线条.

使 MUI 自动完成打断长词以适合布局

使元素在顶部和中心都有粘性

flex 容器中的两个滚动块

CSS 在具有多个背景图像的元素上过滤一个背景图像

整个列的 CSS Grid Margin Top

使用 Flex Box Tailwind CSS 的元素不相等

reactjs - 容器中水平行的png图像

紫色表示访问过的超链接

CSS3 的 :root 伪类和 html 有什么区别?

重置子元素的不透明度 - Maple Browser (Samsung TV App)

如何使多个 div 显示在一行中但仍保留宽度?

如何在浏览器的右下角放置一个div?

内联块列表项中不需要的边距

如何使用 Bootstrap2 使 div 居中?

如何使用 CSS 消除元素的偏移量?