css选择器——[class*="col-"]，[attr~=val]等

[attr=val]：选择属性"attr"等于val的所有元素；

[attr~=val]：选择属性"attr"包含val的所有元素；

[attr|=val]：选择属性"attr"以val开头的所有元素；

---

[attr*=“val-”]：选择所有类名中含有"val-"的元素

[attr^=“val-”]：选择所有类名中以"val-"开头的元素

[attr$="-val"]：选择所有类名中以"-val"结尾的元素

注：前者的三个选择器中，val 必须是单独的一个个体存在。

例：[class*=“test”] 可选中所有包含 ‘test’ 的class，包括items，itema···而 [attr~=val] 只能选中包含 ‘test’ 的class，items这些都不可以被选中。

更多css选择器