CSS——22.静态伪类(伪类是选择差别元素状态)

打印 上一主题 下一主题

主题 976|帖子 976|积分 2928

  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                 <title>静态伪类</title>               
  6.         </head>
  7.         <body>
  8.                
  9.                
  10.                 <a href="#">我爱学习</a>
  11.         </body>
  12. </html>
复制代码
单击链接前的样式

左键单击(且不松开)链接后的样式

  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                 <title>静态伪类</title>
  6.                 <style type="text/css">
  7.                         a:link{      
  8.                                 color:black;
  9.                         }
  10.                         a:visited{               
  11.                                 color:green;
  12.                         }
  13.                 </style>
  14.         </head>
  15.         <body>
  16.                 <!--伪类:元素不同状态(如点击超链接元素的状态)表现不同样式-->
  17.                 <!--静态伪类有范围:只能用于超链接,所以用得少,分为俩种-->
  18.                         <!--第一种:link状态:超链接点击之前的样式-->
  19.                         <!--第二种:visited状态:超链接点击之后的样式-->
  20.             <!-- a是标签选择器,要灵活,还可以换成类选择器,id选择器中的超链接等等-->
  21.                
  22.                 <a href="http://www.baidu.com">百度</a>
  23.                
  24.                 </body>
  25. </html>
复制代码


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

魏晓东

金牌会员
这个人很懒什么都没写!
快速回复 返回顶部 返回列表