避免CSS类名冲突

在开发一个由CSS类定义的插件时，有什么方法可以使我的类名与现有的CSS类名不冲突？有没有人给过它一个想法？避免CSS类名冲突

你可以用另一个命名的样式表覆盖它吗？ – Lewis

也许给插件 – 2013-05-28 13:27:31

使用插件名称前缀开始每个类名称。

例如名为“pluginName”和阶级“mainBox”使用插件：

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

2013-05-28 13:26:59

中使用的类添加一个前缀好，如果我的插件名称不是唯一的，好的永远不会是真正的......我在考虑用Q876 $ 12_寻找替代品的前缀。 – user1514042

是的，如果你认为你仍然会遇到麻烦，你可以使用一系列预定义的数字和字母。一些程序员使用他们的域名等等。 –

我想你可以简单的插件名称或它的一些快捷方式添加到您每次使用类。

，如：.item到.x-item

2013-05-28 13:28:31

我将使用AJAX组合框CSS作为一个例子： “”

.ajax__combobox_textboxcontainer 
.ajax__combobox_textboxcontainer input 
.ajax__combobox_buttoncontainer button 
.ajax__combobox_itemlist

后有控制工具包的名称，双下划线，控件的名称，然后是该样式控件的名称。它非常冗长，绝对有助于避免冲突。我建议使用这种方法。

2013-05-28 13:31:55

回答