#书摘 #css #前端
《CSS 选择器世界》 忽略属性值大小写的正则匹配运算符
正则匹配运算符是属性选择器中新增的运算符，它可以忽略属性值的大小写，使用字符i或者I作为运算符值，但约定俗成都以小写字母i作为运算符。语法如下：

[attr~="val" i] {}
[attr*="val" i] {}​​



作为对比示意，假设有选择器`[attr*="val"]`，则：

<!-- 不匹配 -->

<div attr="VAL"></div>

<!-- 匹配 -->
<div attr="Text val"></div>
<!-- 不匹配 -->
<div attr="Value"></div>

<!-- 不匹配 -->
<div attr="Val-ue"></div>​​



如果选择器是 `[attr*="val" i]`，则：

<!-- 匹配 -->

<div attr="VAL"></div>

<!-- 匹配 -->

<div attr="Text val"></div>
<!-- 匹配 -->
<div attr="Value"></div>
<!-- 匹配 -->
<div attr="Val-ue"></div>​​



可以看到，属性值的大小写被忽略了。

https://memo.cosine.ren/m/328