CSS类名选择器如何通过匹配特定的字符来选择类名

CSS类名选择器如何通过匹配特定的字符来选择类名,能不能通过类名的一部分来选择?
CSS类名选择器如何通过匹配特定的字符来选择类名
办法如下,可以使用属性选择器的部分匹配功能来实现:

1
2
3
[class^="feb_"] {
background-color: blue;
}

上述样式即将以”feb_”的开头类名背景色设置为蓝色。

其他用法:

  • [class^=”feb”]
    选择class 属性值以 “feb” 开头的所有元素
  • [class$=”feb”]
    选择class属性值以 “feb” 结尾的所有元素
  • [class*=”feb”]
    选择 class属性值中包含子串 “feb” 的所有元素