避免CSS类名冲突

Question

在开发一个由CSS类设计样式的插件时，有哪些好方法可以让我的类名与现有的CSS类名不冲突？有人有过想过吗？

Answer 1

使用插件名称前缀启动每个类名。

e.g。对于名为“pluginName”和类“mainBox”的插件，请使用：

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

Answer 2

我想你可以简单地为你使用的每个课程添加插件名称或其中的一些快捷方式。

喜欢：.item进入.x-item

Answer 3

我将使用AJAX组合框CSS作为示例：

.ajax__combobox_textboxcontainer
.ajax__combobox_textboxcontainer input
.ajax__combobox_buttoncontainer button
.ajax__combobox_itemlist

之后的“。”有控件包的名称，双下划线，控件的名称，然后是正在设置样式的控件部分的名称。它非常冗长，绝对有助于避免冲突。我建议使用这样的方法。