css3伪类和伪元素你都懂了吗

元素：

选择器:伪类 {     属性:值;   }

链接可以以不同方式显示：

/* 未访问的链接 */ 
a:link {   color: red; } 
/* 已浏览过的链接 */ 
a:visited {   color: green; } 
/* 鼠标悬停时候的链接 */ 
a:hover {   color: hotpink; } 
/* 选定的链接 */ 
a:active {   color: blue; }

注意：a:hover必须在CSS定义a:link之后和a:visited之后才能生效！a:active必须 a:hover在CSS定义之后才能有效！伪类名称不区分大小写。

伪类和CSS类

伪类可以与CSS类结合使用：当您将鼠标悬停在示例中的链接上时，它将更改颜色：

a.highlight:hover {   color: #ff0000; }

将鼠标悬停在

上

:hover在

div:hover {   background-color: blue; }

p {   
display: none; 
background-color: yellow;  
padding: 20px; 
} 
div:hover p { 
display: block;
}

p:first-child {   color: blue; }

p i:first-child {   color: blue; }

p:first-child i {   color: blue; }

q:lang(no) {   quotes: "~" "~"; }