[attribute*=value]
选择器匹配属性值包含指定值的每个元素。
[class*="test"]
{
background:#ffff00
}
1
2
3
4
1
2
3
4
[attribute~=value]
选择器用于选取属性值中包含指定词汇的元素。
[title~=flower]
{
border:5px solid yellow
}
1
2
3
4
1
2
3
4
⭐[attribute~=value]使用的value前后不可有其他字符（除空格外）
新建一个html文件,命名为test.html,用于讲解css如何使每个字符宽度一样。 2 /6 在test.html文件内,使用div标签创建一行字符,用于测试。 3 /6 在test.html文件内,设置div标签的class属性为strdiv,用于下面设置样式。 4 /6 在test.html文件内,编写<style type="text/css"></style设定好div的宽和高，然后在其样式里加上overflow:hiddenwhite-space:nowrap例：
<style>
#hello{
width:180px//宽
height:16px//高
overflow:hidden//超出的部分隐藏
white-space:nowrap//阻止文字换行
}
</style>
<div
id="hello">
这是测试文字，看看效果，还可以。
</div>
