css复习 - 伪类，伪元素

CSS 伪类(Pseudo-classes)/CSS 伪元素

伪类的语法：

selector:pseudo-class {property:value;}

CSS类也可以使用伪类：

selector.class:pseudo-class {property:value;}

anchor伪类

a:link {color:#FF0000;} /* 未访问的链接 */
a:visited {color:#00FF00;} /* 已访问的链接 */
a:hover {color:#FF00FF;} /* 鼠标划过链接 */
a:active {color:#0000FF;} /* 已选中的链接 */

伪类和CSS类

a.red:visited {color:#FF0000;}

<a class="red" href="css-syntax.html">CSS Syntax</a>

所有CSS伪类/元素

• :link a:link 选择所有未访问链接
• :visited a:visited 选择所有访问过的链接
• :active a:active 选择正在活动链接
• :hover a:hover 把鼠标放在链接上的状态
• :focus input:focus 选择元素输入后具有焦点
• :first-letter p:first-letter 选择每个p元素的第一个字母
• :first-line p:first-line 选择每个p 元素的第一行
• :first-child p:first-child 选择器匹配属于任意元素的第一个子元素的 <]p> 元素
• :before p:before 在每个p元素之前插入内容
• :after p:after 在每个p元素之后插入内容
• :lang(language) p:lang(it) 为 p 元素的lang属性选择一个开始值