如何使用e[aatr~="value"]

CSS选择器中的[e~=value]表示选取所有具有e属性且属性值中包含value的元素，其中e为属性名，value为属性值中的一个单词。例如，假设我们有如下HTML代码：

<div class="box" data-info="foo bar baz"></div>

如果我们想要选取所有具有data-info属性且属性值中包含"bar"的元素，我们可以使用以下CSS选择器：

div[data-info~="bar"] {
  /* 样式规则 */
}

这将选取上述HTML代码中的div元素，并且可以应用样式规则。