<!DOCTYPE html>
< html>
< head>
< meta charset = " UTF-8" >
< title> 伪类选择器顺序探究</ title>
< style type = " text/css" >
p:link {
color : red;
background-color : red;
}
p:visitd {
color : yellow;
background-color : yellow;
}
p:hover {
color : blue;
background-color : blue;
}
p:active {
color : black;
background-color : black;
}
a:link {
color : red;
background-color : red;
}
a:visited {
color : yellow;
background-color : yellow;
}
a:hover {
color : blue;
background-color : blue;
}
a:active {
color : black;
background-color : black;
}
</ style>
</ head>
< body>
< p> 这是一段文字</ p>
< a href = " #" > 这是一个超链接</ a>
</ body>
</ html>
1、发生顺序link hover active visited
书写顺序:link visited hover active 记:相比发生顺序来说,发生顺序是往里夹或者说是最后一个往前移到第二位。
2、hover和active是对任何元素都有效,任何元素都可以有这个伪类选择器。但是link和visited这是只是针对超链接(即a标签)有效。