2012-05-23 51 views
0

我想知道元素分組是否存在於CSS中。比方說,我有以下代碼:CSS元素組運算符?

.user-form .group-area .test, .user-form .group-area .test2{} 

有什麼辦法來組。測試和.test2,做這樣的事情:

.user-form .group-area (.test .test2){} 

這意味着,同樣的風格同時適用於。測試和.test2元素不需要重複.user-form .group-area第二次。

+0

我們需要找到這這麼久的規範問題因爲每週至少會被問到一次...... – BoltClock

回答

0

在瀏覽器的support the level 3 selectors,您可以使用substring matching attribute selectors

.user-form .group-area *[class^="test"] 

小提琴:http://jsfiddle.net/yh9Fw/1/

+0

空格在'[〜=]'屬性選擇器中被明確禁止。你的第二個選擇器並不完全符合要求,並且如果有另一個不以'test'開頭並且最先出現的類,就會中斷。 – BoltClock

+0

@BoltClock:來自spec:「表示具有att屬性的元素,其值是以空格分隔的單詞列表,其中之一恰好是」val「。如果」val「包含空格,它將永遠不會表示任何東西(因爲單詞之間用空格分隔)如果「val」是空字符串,它也不會代表任何內容。「 – steveax

+0

從剛剛引用的內容可以看出:「如果'val'包含空格,它將永遠不會代表任何內容。」選擇器檢查由空格分隔的單詞,因此無法檢查空格字符,因爲它們被用作分隔符,因此不能在單詞本身中出現。換句話說,'[〜=]'一次只能檢查一個班級。 – BoltClock