CSS3新增的类名选择器

类名选择器是CSS中一种常用的选择器，用于选择拥有特定类名的HTML元素。在CSS3中，新增了一些功能强大的类名选择器，为开发者提供了更多灵活性和控制力。本文将介绍CSS3新增的类名选择器，并提供相应的源代码示例。

1. 属性选择器（Attribute Selectors）

属性选择器是CSS3中的一种类名选择器，它可以通过元素的属性值来选择元素。属性选择器使用方括号（[]）来表示，可以根据属性名、属性值或属性值中的部分内容来选择元素。

示例代码：

/* 选择所有带有class属性的元素 */
[class] {
   
   
  color: red;
}

/* 选择class属性值以"btn"开头的元素 */
[class^="btn"] {