1. 理解属性选择器
CSS的选择器有许多种，其中之一是属性选择器，即根据标记元素的属性值来选择元素。比如我们可以设置一个标记css，从而应用到携带了相应属性的html元素上。这种选择器的常用格式为：`[attr=value]`。
1.1 最基本的属性选择器
最基本的属性选择器是用来查找具有指定属性的HTML元素的。例如，要选择所有具有“class”属性的元素，使用“class属性选择器”，其语法如下：
[class] {
background-color: gray;
}
上述代码块在CSS文件中定义了一个选择器，选择所有包含class属性的HTML元素，并对其添加一个背景颜色样式。
如果具有指定属性和指定属性值的HTML元素，则可以使用具有属性值的属性选择器。例如，为具有“class”属性值为“container”的元素设置背景颜色，使用如下所示的“class属性选择器”：
[class="container"]{
background-color: orange;
}
这段代码块选择了所有具有“class”属性的元素并设置了它们的背景色为橙色。
1.2 多个属性选择器
要选择具有多个属性的HTML元素，需要在选择器中使用多个属性选择器。例如，如果要选择具有“class=container”和“id=main”的HTML元素并使其背景颜色为蓝色，则可以使用以下CSS代码块：
[class="container"][id="main"]{
background-color: blue;
}
上述代码块仅选择具有“class”属性值“container”且具有“id”属性值“main”的HTML元素，并将其背景色设置为蓝色。
1.3 属性值的奇偶性筛选选择器
CSS 2.1引入了奇偶性属性选择器（“nth-child”），使得可以选择元素的位置。下面这个例子将选择所有偶数行的表格行：
tr:nth-child(even) {
background-color: FFF;
}
这段代码块选择了具有偶数值的tr元素并设置了其背景色为白色，通过上述css代码，我们可以看到CSS为我们提供了很多方便的属性选择器，可以满足我们更多的样式设置需求。
2. 小结
属性选择器在CSS中是一类非常有用的选择器，通过设置标签属性，可以方便、快速地选择页面上的元素以将样式应用于它们。这是非常常见的CSS选择器，经常被用来选择需要增加样式的页面元素，并且在实际的工作中也非常有实用价值。