CSS之伪类

来源：互联网发布：ocr识别软件绿色版编辑：程序博客网时间：2024/05/11 08:38

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>CSS伪类</title><style type="text/css">/*提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。提示：伪类名称对大小写不敏感。*//*向被激活的元素添加样式。*/a:link{color:#FFF000;}/*向已被访问的链接添加样式。*/a:visited{color:red;}/*当鼠标悬浮在元素上方时，向元素添加样式。*/a:hover{color:blue;}/*向被激活的元素添加样式。*/a:active{color:#EEE;}/*向拥有键盘输入焦点的元素添加样式*/a:focus{color:yellow;}input:focus{background-color:#FFF000;}/*选择器配匹作为任何元素的第一个子元素*//*p:first-child{color:red;}*/li:first-child{text-transform:uppercase;}/*选择器配匹所有<p>元素中的第一个<i>元素*//*p>i:first-child{font-weight:bold;color:blue;}*//*选择器配匹所有作为元素的第一个子元素的<p>元素中的所有<i>元素*/.p:first-child i{color:red;}</style></head><body><a href="#">点我</a><div><p>伪类:first-child</p><p>伪类:first-child</p><p>伪类:first-child</p><ul><li>this is pseudo-classes:first-child</li><li>this is pseudo-classes:first-child</li><li>this is pseudo-classes:first-child</li></ul></div><p>some <i>text.</i>some <i>text.</i></p><p>some<i>text.</i>some<i>text.</i></p><div><p class="p">some<i>text.</i>some<i>text.</i></p><p class="p">some<i>text.</i>some<i>text.</i></p></div><input type="text"></body></html>

first-child是父类之后的第一个元素