2013-05-28 216 views
4

在開發一個由CSS類定義的插件時,有什麼方法可以使我的類名與現有的CSS類名不衝突?有沒有人給過它一個想法?避免CSS類名衝突

+0

你可以用另一個命名的樣式表覆蓋它嗎? – Lewis

+4

也許給插件 – 2013-05-28 13:27:31

回答

2

使用插件名稱前綴開始每個類名稱。

例如名爲「pluginName」和階級「mainBox」使用插件:

$(this).addClass('pluginName-mainBox'); 
+0

中使用的類添加一個前綴好,如果我的插件名稱不是唯一的,好的永遠不會是真正的......我在考慮用Q876 $ 12_尋找替代品的前綴。 – user1514042

+0

是的,如果你認爲你仍然會遇到麻煩,你可以使用一系列預定義的數字和字母。一些程序員使用他們的域名等等。 –

1

我想你可以簡單的插件名稱或它的一些快捷方式添加到您每次使用類。

,如:.item.x-item

1

我將使用AJAX組合框CSS作爲一個例子: 「」

.ajax__combobox_textboxcontainer 
.ajax__combobox_textboxcontainer input 
.ajax__combobox_buttoncontainer button 
.ajax__combobox_itemlist 

後有控制工具包的名稱,雙下劃線,控件的名稱,然後是該樣式控件的名稱。它非常冗長,絕對有助於避免衝突。我建議使用這種方法。