CSS属性选择器选择属性值中包含指定字符串的元素

        在CSS中，可以使用属性选择器来选择属性值中包含指定字符串的元素。属性选择器有以下几种形式：

[attr*=value]：选择器匹配包含指定属性且该属性值中包含指定字符串“value”的元素。

[attr^=value]：选择器匹配包含指定属性且该属性值以指定字符串“value”开头的元素。

[attr$=value]：选择器匹配包含指定属性且该属性值以指定字符串“value”结尾的元素。

例如，

1. 如果想要选择所有data-type属性包含字符串button的元素，可以这样写：

[data-type*="button"] {
  /* 样式规则 */
}

这将会选择所有data-type属性中包含button字符串的元素，并应用相应的样式。

2. 如果想要选择所有data-type属性以字符串button开头的元素，可以这样写：

[data-type^="button"] {
  /* 样式规则 */
}

这将会选择所有data-type属性以button字符串开头的元素，并应用相应的样式。

3. 最后，如果想要选择所有data-type属性以字符串button结尾的元素，可以这样写：

[data-type$="button"] {
  /* 样式规则 */
}

这将会选择所有data-type属性以button字符串结尾的元素，并应用相应的样式。