4

When developing a plugin, which is styled by CSS classes, what are some good approaches for making my class names non-conflicting with the existing CSS class names? Has anyone gave it a thought?

4

3 回答 3

2

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

例如,对于名为“pluginName”和“mainBox”类的插件,请使用:

$(this).addClass('pluginName-mainBox');
于 2013-05-28T13:26:59.043 回答
1

我将以 AJAX 组合框 CSS 为例:

.ajax__combobox_textboxcontainer
.ajax__combobox_textboxcontainer input
.ajax__combobox_buttoncontainer button
.ajax__combobox_itemlist

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

于 2013-05-28T13:31:55.143 回答
1

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

喜欢:.item进入.x-item

于 2013-05-28T13:28:31.300 回答