属性选择器和伪类伪元素

1.根据具体属性值选择元素：

例如，假设希望将只想web服务器上某个特定文档的超链接变成红色：

a[href="http://www.w3school.com.cn/about_us.asp"]{color:red}

介绍一些根据具体属性选择元素的的属性选择器：

[attribute]                                 用于选取带有指定属性的元素

[attribute=value]                      用于选取带有指定属性和值得元素

[attribute~=value]                    用于选取属性值中包含指定词汇的元素

还有很多，不一一列举了！

2.根据元素的特殊状态来选取元素(伪类)

根据元素的特别的内容(比如某一段文字，或一个文字)

伪类和伪元素的表现形式也使用":"（英文冒号)与其它选择器相区分

几种常见的伪类:

：link

伪类将应用于未被访问过的链接,与:visited互斥

：active

伪类将应用于被激活的元素，如被点击的链接,被按下的按钮等

：visited

伪类将应用于已经被访问过的链接，与:link互斥

：hover

伪类将应用于有鼠标指针悬停于其上的元素

需要注意的是在CSS的定义中，同一个元素的：hover必须位于:link ,:visited之后才能生效,:active必须位于：hover之后才能生效

：focus

伪类将应用于拥有键盘输入焦点的元素

：first-child

伪类将应用于元素带有指定lang的情况