广播: 关注微信公众号 “jQuery每日经典” ,有更多资料。微信小程序 -- 前端技术API手册 也在公众号首次发布。有需要的联系公众号中QQ。
一. 以“字符串”开头
两种用法的区别是:
a. 以字符串开头,需要用"-"分割开,
b. 以字符串开头,不需要任何分隔符
1. 资料
a)
b)
2. html代码
<div class="dot-4">横线分割</div>
<div class="dot">字符串本身</div>
<div class="dottest">全字母字符串</div>
<div class="dot_3">下划线分割字符串</div>
3. css代码
a)
[class|="dot"]{
border: 1px solid #000;
}
b)
[class^="dot"]{
border: 1px solid #;
}
4. 效果:
a)
b)