[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前后不可有其他字符(除空格外)
css属性和值的区别
css属性为:用于选取带有指定属性的元素、对带有指定属性的 HTML 元素设置样式。
css的属性包括:动画、背景、边框和轮廓、框、颜色、内容页的媒体属性、尺寸、盒子模型等知识。
css属性值:某属性所具备的值!
举例:
属性:font-weight
属性值有:normal(正常)、bold(粗体)、bolder(特粗)、lighter(细体)外,还有9种以像素为度量为单位的设置方式。
看代码:
效果图: