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字符串结尾的元素，并应用相应的样式。