[attribute~=value] 用于选取属性值中包含指定独立单词的标签。
<p title="我是首富">我是马云</p>
<h1 title="我是">我是马化腾</h1>
<h2 title="我是 吗">我是李彦宏</h2>
<h2 title="我是吗 李 想">我是李想</h2>
css代码如下:
[title~="我是"]{
background: blue;
border: 10px solid black;
}
效果
[attribute*=value] 匹配属性值中包含指定值的每个字的标签。
<h1 lang="yi wan fu">柳传志</h1>
<h2 lang ="f wan u ">牛根生</h2>
<h2 lang ="yi_ 吗 fuwan李 想 ">梁稳根</h2>
css代码如下:
[lang*="wan"]{
background-color: gray;
}
效果
区别:前者是属性值里面包含某个独立的词,后者是属性值里面包含某个字。