1、匹配以某字符串開頭的 ID
div: [id^= "item-" ] {
color: red;
}
<div id="item-op"></div>
可匹配到 div 中 id爲 item-
開頭的元素
2、匹配以某字符串結尾的類名
div[class$="-btn"]:active {
opacity: 0.8;
}
<div class="user-btn"></div>
可匹配到 div 中 class 爲 -btn
結尾的元素
div: [id^= "item-" ] {
color: red;
}
<div id="item-op"></div>
可匹配到 div 中 id爲 item-
開頭的元素
div[class$="-btn"]:active {
opacity: 0.8;
}
<div class="user-btn"></div>
可匹配到 div 中 class 爲 -btn
結尾的元素