我想知道元素分組是否存在於CSS中。比方說,我有以下代碼:CSS元素組運算符?
.user-form .group-area .test, .user-form .group-area .test2{}
有什麼辦法來組。測試和.test2,做這樣的事情:
.user-form .group-area (.test .test2){}
這意味着,同樣的風格同時適用於。測試和.test2元素不需要重複.user-form .group-area第二次。
我想知道元素分組是否存在於CSS中。比方說,我有以下代碼:CSS元素組運算符?
.user-form .group-area .test, .user-form .group-area .test2{}
有什麼辦法來組。測試和.test2,做這樣的事情:
.user-form .group-area (.test .test2){}
這意味着,同樣的風格同時適用於。測試和.test2元素不需要重複.user-form .group-area第二次。
在瀏覽器的support the level 3 selectors,您可以使用substring matching attribute selectors
.user-form .group-area *[class^="test"]
空格在'[〜=]'屬性選擇器中被明確禁止。你的第二個選擇器並不完全符合要求,並且如果有另一個不以'test'開頭並且最先出現的類,就會中斷。 – BoltClock
@BoltClock:來自spec:「表示具有att屬性的元素,其值是以空格分隔的單詞列表,其中之一恰好是」val「。如果」val「包含空格,它將永遠不會表示任何東西(因爲單詞之間用空格分隔)如果「val」是空字符串,它也不會代表任何內容。「 – steveax
從剛剛引用的內容可以看出:「如果'val'包含空格,它將永遠不會代表任何內容。」選擇器檢查由空格分隔的單詞,因此無法檢查空格字符,因爲它們被用作分隔符,因此不能在單詞本身中出現。換句話說,'[〜=]'一次只能檢查一個班級。 – BoltClock
我們需要找到這這麼久的規範問題因爲每週至少會被問到一次...... – BoltClock