? ? ?廣播： 關(guān)注微信公眾號 “jQuery每日經(jīng)典” ，有更多資料。微信小程序 --?前端技術(shù)API手冊?也在公眾號首次發(fā)布。有需要的聯(lián)系公眾號中QQ。

?

二. ?包含“字符串”

兩種用法的區(qū)別是：

a. “~=”，需要用空格分割，

b. "*="，不需要任何分隔符

1. 資料

a）

b)?

2. html代碼

<div title="dot 4">空格分割</div> <div title="dot">字符串本身</div> <div title="dottest">全字母字符串</div> <div title="dot_3">下劃線分割字符串</div> <div title="dot-3">橫線分割字符串</div>

3. css代碼

a)

[title~="dot"]{border: 1px solid #000; }

b)

[title*="dot"]{border: 1px solid #000; }

4. 效果：

a)

b)

　

轉(zhuǎn)載于:https://www.cnblogs.com/thomascui/p/5252805.html

總結(jié)

以上是生活随笔為你收集整理的css3选择器的比较（二） -- 包含字符串的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。