如何为不同的id和相同的类设置样式

Question

如果我有多个ID long，id1，id2共享id3和.selectize-input等常见CLASS。

现在我必须做

.select-dropdown

有没有更简单的方法来设置这样的样式？

注意：我还有其他选择器，我将应用不同的样式。所以我确实需要这个功能。

Answer 1

我认为应该是这样的：

[id^="id"].selectize-input {};
[id^="id"].selectize-dropdown {};

Answer 2

如果你对每个ID应用相同的东西我没有理由为什么你需要指出每个ID，只需使用该类来应用它。如果你真的想这样做，你可以使用多个选择器（虽然你需要做一些测试，看看哪些适合你）。

即

.selective-input#id1#id2#id3

虽然这真的只是浓缩了你的语法，如果你期望别人阅读你的代码，可能会让人更加困惑（注意：正确的语法总是一个好习惯）。

Answer 3

在定义规则时，您不应该包含id，只是类名...

.selectize-input {};
.selectize-dropdown {};

如果您遇到特异性问题，那么应该在样式表的其他地方进行整理。这通常是一个好主意，永远不要使用ID作为样式。