如何使用 CSS 專門針對 Firefox？

僅使用 CSS 定位 Firefox

CSS 中的條件註解允許使用特定於瀏覽器的規則方便地定位 Internet Explorer。但是，如果目標是專門針對 Firefox 而讓其他瀏覽器不受影響怎麼辦？

一種乾淨且以瀏覽器為中心的方法

而不是訴諸JavaScript 或瀏覽器嗅探，一個更優雅的解決方案在於使用Mozilla 的“-moz-document”CSS 屬性。此屬性啟用僅在基於 Gecko 的瀏覽器（如 Firefox）中套用的條件 CSS 規則。

語法和範例

專門針對 Firefox 的語法為：

@-moz-document url-prefix() {
  /* Firefox-specific CSS rules here... */
}

例如，要使所有

在 Firefox中標記為紅色，但在其他瀏覽器中不受影響：

@-moz-document url-prefix() {
  h1 {
    color: red;
  }
}

此方法可確保規則僅應用於 Firefox，而不影響任何其他瀏覽器。透過利用瀏覽器功能，此方法提供了一個乾淨且特定於瀏覽器的解決方案。

以上是如何使用 CSS 專門針對 Firefox？的詳細內容。更多資訊請關注PHP中文網其他相關文章！