属性选择器指定包含字符~和*的区别
[attribute*=value]
选择器匹配属性值包含指定值的每个元素。
[class*="test"]
{
background:#ffff00;
}
[attribute~=value]
选择器用于选取属性值中包含指定词汇的元素。
[title~=flower]
{
border:5px solid yellow;
}
⭐[attribute~=value]使用的value前后不可有其他字符（除空格外）
阅读：属性选择器
【CSS】属性选择器指定包含字符~和*的区别
本文详细介绍了CSS中的属性选择器，包括[attribute*=value]和[attribute~=value]的用法。前者匹配属性值包含指定值的元素，后者则用于选取属性值中包含指定词汇的元素。注意，使用[attribute~=value]时，value前后不应有其他字符（除空格外）。了解这些选择器能帮助开发者更精确地控制样式应用。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
