伪类,特殊的选择器

********伪类:********

与类选择器相似,但是又有所不同。

锚伪类:
a:link
代码:

a: link {
color: red;
font-size: 30px; }
作用:
给a标签设置==没有被访问==过的样式

a:visited
代码:
a:visited {
color: pink;
font-size: 40px; }
作用:
给a标签设置==访问过==的样式

a:hover
代码:
a:hover {
color: yellow;
font-size: 50px; }
作用:
给a标签设置鼠标==悬停==时的样式。

a:active
代码:
a:active{
color: green;
font-size: 60px; }
作用:
设置a标签被激活时的样式(==被点击==时的样式)。
注意:
a. ==四中状态都出现时必须按照顺序:==a:link ,a:visited,a:hover,a:active
记忆方法:
lv-ha
买了一个lv,心里乐哈哈==
b. 有些锚伪类除了可以作用在a标签上还可以作用来其它标签上:

:link 只能用于a标签
:visited只能用于a标签
:hover 其它标签也可以使用这个伪类
:active 其它标签也可以使用这个伪类

每个标签都有对应得伪类

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,179评论 0 40
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,094评论 0 1
  • 选择器做为CSS的灵魂一直是一个不可缺少的东西,使用CSS选择器的好处不用多说,对于整个文档的可读性 可修改性 以...
    熊蛋子17阅读 438评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • Stopping by Woods on a Snowy Evening By RobertFrost Whose...
    田园读书人阅读 901评论 2 11