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

posted @ 2021-08-05 22:13  Leophen  阅读(135)  评论(0编辑  收藏  举报