」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何在沒有 JavaScript 的情況下將 CSS 規則專門應用於 Firefox?

如何在沒有 JavaScript 的情況下將 CSS 規則專門應用於 Firefox?

發佈於2025-01-20
瀏覽:166

How Can I Apply CSS Rules Exclusively to Firefox without JavaScript?

專門針對 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 欺騙。

最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3