CSS/HTML - 在页面上使用相同的选择标识

我在我的网站上有4个CSS文件，其中没有一个是我自己编写的。我的评论出来（< - - >用！），看看哪一个是负责我选择它是因为这个CSS的： http://pastebin.com/35ca1NEc CSS/HTML - 在页面上使用相同的选择标识

这是选择的代码：

<select id="demo-select2-1" class="form-control" name="question"> 
    <option value=''>None</option> 
</select>

正如你可以看到我使用“demo-select2-1”，我知道div/select ids不能相同。我可以将数字更改为5，但显然我想尽可能多地使用它。我对CSS不太好，在代码中找不到如何改变它。

如果我不使用“demo-select2-X”，那么它不会像我需要它。如果

感谢你们谁可以帮我解决这个

2017-02-16 Munik

使用类名称来选择并将该类分配给所有选择，而不是使用id作为样式使用类 –

您的pastebin非常庞大，为什么不简单地复制和粘贴与select相关的CSS＃'demo- select2-1 {...}'进入你的问题。使您的问题更具可读性，并且全方位*更好*。 – Martin

@Martin，因为我无法找到它，这就是为什么即时通讯寻求帮助 – Munik

的id属性无关与class或您的css。你可以删除它。你的css在它里面没有“demo-select2-1”。您正在使用class属性设置<select>控件的样式。

2017-02-16 11:41:33

但是如果我删除了id =“demo-select2-1”，那么它会恢复到另一个选择。 – Munik

让你的id保持原样，并使用class作为选择器，如.class-name，这样你可以对所有select元素应用相同的css。

2017-02-16 12:52:38

回答