css seletor tricks - TerryLee7788/JS_test GitHub Wiki

當頁面上面有類似的class name 的時候, 可是結尾有可能會不同.
例如: class="button1", class="button2"
這時候我們要給它們樣式的話會造成麻煩,
原本我需要:

.button1,
.button2 { background:red; }

現在我只要:

[class^="button"] { background:red; }

就可以達到選取開頭是button的 class name 了

More example:

假設我要選取: class="sprite-icon", class="sprite-email", class="icons sprite-home"

[class^="sprite-"], [class*=" sprite-"] { background:red }