zoukankan      html  css  js  c++  java
  • CSS 伪类和伪对象选(五)

    一、伪选择器

    伪选择器包括:伪类选择器和伪对象选择器,以冒号(:)作为前缀,冒号后紧跟伪类或者伪对象名称,冒号前后没有空格,否则解析为包含选择器

    如:

    div:hover{ font-size:12px;}
    /*
    div为指定标签名
    hover选择符,伪类 或者 伪元素名
    */

     伪选择器专门用来选择特殊区域或者特殊状态下的元素或者对象,这些特殊区域或者特殊状态是无法通过标签选择器,ID选择器或者类选择器进行精确控制的

    二、伪类选择器和伪对象选择器

    伪类 说明
    :focus 定义对象在成为输入焦点(该对象的onfocus事件发生时)的样式
    :first-child 定义对象的第一个子对象的样式
    :first   定义页岩 容器第一页使用的样式,仅适用于@page规则
    :left 定义页面容器位于装订线左边的所有页面使用的样式,仅适用于@page规则
    :right 定义页面容器位于装订线右边的所有页面使用的样式,仅适用于@page规则
    :lang 定义对象使用特殊语言的内容样式
    伪对象 说明
    :after 与content属性一起使用,定义在对象后的内容
    :before 与content属性一起使用,定义在对象前的内容
    :first-letter 定义对象内第一个字符的样式
    :first-line   定义对象内第一行的样式

    三、超链接

    @charset "utf-8";
    /* CSS Document */
    /*超链接默认样式*/
    a{
        text-decoration:none;
        color:#333333;
    }
    /*访问过的样式*/
    a:visited{
        color:#0000ff;
    }
    /*鼠标经过样式*/
    a:hover{
        color:#00ff00;
    }
    /*鼠标按下样式*/
    a:active{
        color:#FF0000;

    还有一个:link可以定义未访问过的超链接样式,可以使用a选择器来代替a:link选择器样式。

    :link和:visited称为链接伪类,只能应用于锚元素;

    :hover,:active和:focus称为动态伪类,理论上可以应用于任何元素.

  • 相关阅读:
    FiddlerScript修改特定请求参数下的返回值
    nginx设置反向代理后,页面上的js css文件无法加载
    通过外网访问内网服务器
    linux下使用正确的用户名密码,本地无法连接mysql
    合并重叠时间段C#
    数据库一直显示为单用户,解决办法
    windows下使用tomcat部署网站
    数据库一直还原中,解决办法
    通过mdf ldf文件还原数据库
    知道css有个content属性吗?有什么作用?有什么应用?
  • 原文地址:https://www.cnblogs.com/liunanjava/p/4358537.html
Copyright © 2011-2022 走看看