專門針對 Firefox 的 CSS 規則

雖然條件註解透過瀏覽器特定的 CSS 有效地針對 Internet Explorer，但專門針對 Firefox 仍然存在挑戰。為了解決這個問題，請尋求解決方案，避免瀏覽器嗅探 JavaScript 並利用類似條件註解的瀏覽器功能。

獨家Firefox 目標

滿足這些條件的解決方案如下：

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

此規則針對具有url-prefix() 函數的元素，該函數是Firefox 所獨有的。它確保 CSS 規則僅應用於 Firefox，而不應用於任何其他瀏覽器，包括 Internet Explorer、WebKit 或 Opera。

要使用此規則，只需將其新增至您的 CSS 檔案即可。當瀏覽器以 HTML 形式呈現它時，

元素僅在 Firefox 中顯示為紅色。

此解決方案僅依賴瀏覽器功能，提供了一種乾淨且高度特定的方式來定位 Firefox，無需任何 JavaScript 欺騙。

以上是如何在沒有 JavaScript 的情況下將 CSS 規則專門應用於 Firefox？的詳細內容。更多資訊請關注PHP中文網其他相關文章！