【CSS】属性选择器指定包含字符~和*的区别

属性选择器指定包含字符~和*的区别

[attribute*=value]
选择器匹配属性值包含指定值的每个元素。

[class*="test"]
{
	background:#ffff00;
}

[attribute~=value]
选择器用于选取属性值中包含指定词汇的元素。

[title~=flower]
{
	border:5px solid yellow;
}

⭐[attribute~=value]使用的value前后不可有其他字符（除空格外）

阅读：属性选择器