2012-04-16 81 views
2

我知道有一種方法可以用css選擇不同的id來應用相同的樣式,但我不記得如何。選擇不同名稱的ID

我的意思是適用相同的樣式下面的div:

content-target1 
content-target2 
content-target3 
content-target4 

任何想法,這件事嗎?

+2

抱歉,但是這是一個100%的RTFD問題。 http://www.w3.org/TR/selectors/#grouping – 2012-04-16 18:01:39

+0

更好地被稱爲RTFM :) – 2012-04-16 18:06:17

回答

3

你可以用多個ID選擇:

#content-target1, #content-target2, #content-target3, #content-target4 

如果您不想重複ID選擇器,或者您希望僅使用它們的通用前綴匹配它們,則可以使用屬性選擇器來代替(丟失一點specificity,因爲ID選擇器不'沒有像屬性選擇器那樣的通配符匹配功能):

div[id^="content-target"] 
+0

謝謝,'div [id^=「content-target」]'是我想要的。 – Daniel 2012-04-16 18:04:32

0

「#ID」 是你如何選擇一個ID,並且 「SEL1,SEL2」 是你如何選擇一個規則或者SEL1或SEL2:

#content-target1, #content-target2 { background: red; } 
+0

sel1「和」sel2在兩者都存在的情況下。 – 2012-04-16 18:04:47

0

你能不能做

#content-target1, #content-target2, #content-target3, #content-target4 { 
CSS HERE 
} 

編輯:忘了我的#分別

+2

您需要爲'id'選擇添加'#' – 2012-04-16 18:05:08