属性选择器、伪类选择器、伪类选择器在超链接中的应用&伪元素

[属性名] 选择含有指定属性的元素 [属性名=属性值] 选择含有指定属性和属性值的元素 [属性名^=属性值] 选择属性值以指定值开头的元素 [属性名$=属性值] 选择属性值以指定值结尾的元素 [属性名*=属性值] 选择属性值中含有某值的元素的元素 示范代码：

显示结果：

:first-child 第一个子元素 :last-child 最后一个子元素 :nth-child 选中第n个子元素 特殊值： n 第n个 n的范围到正无穷 2n或even 表示选中偶数位的元素 2n+1或odd 表示选中奇数位的元素 示范代码：

显示结果： 注意：：first-child{} 只会死板的指向该元素的第一个子元素，在日常中不常用。所以出现了后面出现了另一个标签 :first-of-type{}。 :first-of-type{} 指向指定元素中相同子元素数目最多的子元素的第一个 :not(){} 将符合条件的元素从浏览器中去除 示范代码;

显示结果：

:link{} 用来表示没访问过的链接（正常的链接） :visited{} 用来表示访问过的链接 由于隐私的原因，所以visited这个伪类只能修改连接的颜色 :hover{} 用来表示鼠标移入的状态 :active{} 用来表示鼠标的点击 参考代码：

显示结果： 注意：把鼠标移到前两个超链接，前两个超链接标题文本会变小，显示蓝色。 点击任一个超链接标题文本，文本会变成黄绿色。

::first-letter 表示第一个字母 ::first-line 表示第一行 ::selection 表示选中的内容 ::before 元素的开始 ::after 元素的结尾 before和after必须结合content属性来使用 示范代码：

显示结果：