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

1. 属性以固定字符结尾

div[class$="-btn"]:active{
    opacity:.8
}
<div class="user-btn"></div>

可匹配到div,class为“-btn”结尾的元素

2. 属性以固定字符开头

div[id^="item-"]{
    color:red
}
<div id="item-op"></div>

可匹配到div,id为“item-”开头的元素

posted @ 2023-07-06 10:26  胡安  阅读(234)  评论(0编辑  收藏  举报