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

回答