css3 选择器的比较(一) -- 以字符串开头

广播: 关注微信公众号 “jQuery每日经典” ,有更多资料。微信小程序 -- 前端技术API手册 也在公众号首次发布。有需要的联系公众号中QQ。

一.  以“字符串”开头

两种用法的区别是:

a. 以字符串开头,需要用"-"分割开,

b. 以字符串开头,不需要任何分隔符

1. 资料

a)css3 选择器的比较(一) -- 以字符串开头

b) css3 选择器的比较(一) -- 以字符串开头

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)

css3 选择器的比较(一) -- 以字符串开头

b)

css3 选择器的比较(一) -- 以字符串开头 

上一篇:Microsoft SQL Server Data Tools - Business Intelligence for Visual Studio 2013 SSIS


下一篇:端口扫描器之java实现