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

时间:2017-03-03 06:59:57

标签: html css

如果我有多个ID longid1id2共享id3.selectize-input等常见CLASS。

现在我必须做

.select-dropdown

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

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

3 个答案:

答案 0 :(得分:3)

我认为应该是这样的:

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

答案 1 :(得分:1)

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

.selective-input#id1#id2#id3

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

答案 2 :(得分:0)

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

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

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