css选择器的区别

[ attribute ~= value ] 用于选取属性值中包含指定词汇的元素。
[ attribute *= value ] 匹配属性值中包含指定值的每个元素。

p[class ~= "lone"]
p[class *= "lone"]

两者好像没有区别哈?


长风秋雁
浏览 669回答 1
1回答

守着星空守着你

<!DOCTYPE&nbsp;html><html&nbsp;lang="en"><head> &nbsp;&nbsp;<meta&nbsp;charset="UTF-8"> &nbsp;&nbsp;<title>Test</title> &nbsp;&nbsp;<style&nbsp;type="text/css"> &nbsp;&nbsp;&nbsp;&nbsp;p[class&nbsp;~=&nbsp;"lone"]{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;red; &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;p[class&nbsp;*=&nbsp;"abc"]{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;color:&nbsp;blue; &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;</style></head><body> &nbsp;&nbsp;<p&nbsp;class="lone">lone:&nbsp;红色</p> &nbsp;&nbsp;<p&nbsp;class="abc">abc:&nbsp;蓝色</p> &nbsp;&nbsp;<p&nbsp;class="lone1">lone1:&nbsp;未匹配</p> &nbsp;&nbsp;<p&nbsp;class="abc1">abc1:&nbsp;蓝色</p></body></html>一个是包含某个词,一个是包含某个字符串 是不一样的
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript