伪类选择器
Posted yyb1024
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了伪类选择器相关的知识，希望对你有一定的参考价值。
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>伪类选择器</title>
6 <style type="text/css">
7 *{
8 font-size: 30px;
9 }
10 #a{
11 text-decoration: none;
12
13 }
14
15 /*未访问的连接*/
16 a:link{
17 color: red;
18 }
19
20 /*以访问的连接*/
21 a:visited{
22 color: green;
23 }
24 /*鼠标移动*/
25 a:hover{
26 color: blue;
27 }
28 /*鼠标选定*/
29 a:active{
30 color: yellow;
31 }
32
33
34 </style>
35 </head>
36 <body>
37 <a id="a" href="https://www.baidu.com">百度</a>
38 <a href="https://www.jd.com">京东</a>
39 <a href="https://www.taobao.com">淘宝</a>
40 </body>
41 </html>
以上是关于伪类选择器的主要内容，如果未能解决你的问题，请参考以下文章
CSS 伪类选择器：first - 它是啥？我在示例代码中找到并且找不到关于它的文档