zoukankan      html  css  js  c++  java
  • css伪类(Pseudo-classes)

    简介:伪类(Pseudo classes)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudo class { property: value; },简单地用一个半角英文冒号(:)来隔开选择符和伪类。CSS很多的建议并没有得到浏览器的支持,但有四个可以安全用在超链接上的伪类。

    :link用在未访问的连接上。

    :visited用在已经访问过的连接上。

    :active用于获得焦点(比如,被点击)的连接上。

    :hover 用于鼠标光标置于其上的连接。

    应用场景:比如a标签在不同状态下显示不同的颜色

    a:link {color: #FF0000}
    a:visited {color: #00FF00}
    a:hover {color: #FF00FF}
    a:active {color: #0000FF}

    需要注意

    提示:在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。

    提示:在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。

    提示:伪类名称对大小写不敏感。

    另外还有一些常见的如:first-child(应用场景如li的第一个元素和其它元素的样式不同时)

    参考

    1.http://www.w3school.com.cn/css/css_pseudo_classes.asp

  • 相关阅读:
    html5之缩放图标
    html5之图片的缩放scale
    html5之打地鼠100%胜率
    html5之调整旋转中心点
    html5之三角旋转
    html5中模块居中
    html5中2d图片旋转
    html5之动态移动图
    html5之steps
    读微信开放文档未解记录
  • 原文地址:https://www.cnblogs.com/i-bugs/p/4040917.html
Copyright © 2011-2022 走看看