如何爲不同的ID和相同的類別設置樣式

如果我有多個ID id1,id2,id3共享共享類如.selectize-input和.select-dropdown。如何爲不同的ID和相同的類別設置樣式

現在我要做的

#id1 .selectize-input, #id2 .selectize-input, #id3 .selectize-input {}; 
#id1 .selectize-dropdown, #id2 .selectize-dropdown, #id3 .selectize-dropdown {};

是否有設置樣式任何像這樣的更簡單的方法？

注：我確實有其他選擇器，我將應用不同的樣式。所以我確實需要這個功能。

來源

2017-03-03 John

爲什麼你必須包含ID？只需使用類本身說規則... –

如果你將同樣的事情應用於每個ID，我沒有理由爲什麼你需要指出每個ID，只需使用該類來應用它。如果你真的想要這樣做，你可以使用多個選擇器（儘管你需要做一些測試來看看對你有用）。

I.E.

.selective-input#id1#id2#id3

雖然這真的只是凝結你的語法，可以使其更加混亂，如果你希望別人看你的代碼（注意：正確的語法始終是一個好習慣）。

來源

2017-03-03 07:04:24 Boo89100

嗯......這種方式似乎不適用於我的R代碼。我的原始方式有效。還有其他方面需要注意嗎？ – John

從CSS我看到唯一的其他事情我可以想到的是確保你正確地IDing你的類/ ids。我的意思是，確保你採取了正確的道路，並且沒有任何重疊的東西，或者是一個CSS項目將你的變化推到了表單之下。然而，我認爲這可能不是它，所以如果一切都失敗了，那麼最好的辦法就是最好，你的代碼真的不會因爲可讀性太差而只能重複一點。 – Boo89100

我想應該是這樣的：

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

來源

2017-03-03 07:02:00 Banzay

感謝您的正則表達式選擇器。真的有幫助。 – John

你不應該包括ID，只是類的名稱，定義規則時...

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

如果你有這個問題應該在樣式表的其他地方進行分類。一般來說，不要太過於使用風格的id。

來源

2017-03-03 07:04:00

如何爲不同的ID和相同的類別設置樣式

回答

相關問題