如何確保我的 Wordpress 插件的樣式不被全局/主題樣式覆蓋？

Question

這很簡單。 我正在開發我的第一個 WordPress 插件。 在多個 WordPress 網站上進行測試，似乎很難確保我的插件在所有網站上看起來都一樣。

我顯然不想列出每一個可能的 css 設置並寫none !important 。

那么這里的正確方法是什么？

Answer 1

在創建任何插件時，您可以根據您的插件名稱制作一個通用前綴並添加到任何地方。 就像如果我正在創建一個插件，即“自定義帖子類型”，那么我將在任何地方使用“cpt”作為類或 ID。

只需根據您的插件名稱使用唯一前綴，以免與主題樣式沖突。 希望這會有所幫助！

Answer 2

使用可以使用自定義 HTML 標簽。 所以而不是這個：

<div class="hello">Content</div>

做這個：

<my_element class="hello">Content</my_element>

這是確保 100% 確定的唯一方法，而不使用大量過度限定的東西，例如 !important 等。

兩者都是使“指南”無效的“不正確”方式。

但是它會起作用，並且只要您的標簽是唯一命名的並且永遠不會成為規范的一部分並被瀏覽器以預定義的方式處理，它就會永遠正常。

對於輸入字段等，不幸的是，您必須使用標准 CSS 選擇器，並且比可能存在的任何其他 CSS 更符合條件。

 asdf{ display:block;width:100px;height:100px;background:black;color:white; }

 <asdf>Hello!</asdf>