避免CSS类名冲突

避免CSS类名冲突,css,Css,当开发一个由CSS类设计样式的插件时,有哪些好方法可以使我的类名与现有的CSS类名不冲突?有人考虑过吗?用插件名称前缀开始每个类名 e、 g.对于名为“pluginName”和类为“mainBox”的插件,请使用: $(this).addClass('pluginName-mainBox'); 我想你可以简单地将你的插件名或它的一些快捷方式添加到你使用的每个类中 例如:.item到.x-item我将使用AJAX组合框CSS作为示例: .ajax__combobox_textboxcontain

当开发一个由CSS类设计样式的插件时,有哪些好方法可以使我的类名与现有的CSS类名不冲突?有人考虑过吗?

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

e、 g.对于名为“pluginName”和类为“mainBox”的插件,请使用:

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

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


例如:
.item
.x-item
我将使用AJAX组合框CSS作为示例:

.ajax__combobox_textboxcontainer
.ajax__combobox_textboxcontainer input
.ajax__combobox_buttoncontainer button
.ajax__combobox_itemlist

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

您可以用另一个命名的样式表覆盖它?也许可以为插件中使用的类添加前缀,如果我的插件名称不是唯一的,那么好的插件名称永远不会是唯一的。。。我正在考虑用Q876$12作为类名的前缀,寻找替代方案。是的,如果你认为你仍然会遇到麻烦,你可以使用一系列预定义的数字和字母。一些程序员使用他们的域名等。。