css3选择器的比较(二) -- 包含字符串
生活随笔
收集整理的這篇文章主要介紹了
css3选择器的比较(二) -- 包含字符串
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
? ? ?廣播: 關注微信公眾號 “jQuery每日經典” ,有更多資料。微信小程序 --?前端技術API手冊?也在公眾號首次發布。有需要的聯系公眾號中QQ。
?
二. ?包含“字符串”
兩種用法的區別是:
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)
轉載于:https://www.cnblogs.com/thomascui/p/5252805.html
總結
以上是生活随笔為你收集整理的css3选择器的比较(二) -- 包含字符串的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 求值
- 下一篇: 内容分析在用户反馈分析中的应用