當(dāng)前位置:
首頁 >
css3选择器的比较(二) -- 包含字符串
發(fā)布時間:2025/5/22
33
豆豆
生活随笔
收集整理的這篇文章主要介紹了
css3选择器的比较(二) -- 包含字符串
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
? ? ?廣播: 關(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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 求值
- 下一篇: 内容分析在用户反馈分析中的应用