css 選擇器匹配以某個字符開頭或結尾

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 結尾的元素