css 选择器匹配以某个字符开头或结尾

Leophen

发布于 2021-08-10 10:27:57

1.3K0

发布于 2021-08-10 10:27:57

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

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2021-08-05 ，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度