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称为动态伪类,理论上可以应用于任何元素.

  • 相关阅读:
    Docker服务启动报错:Job for docker.service failed because the control process exited with error code.
    mysql忘记密码如何重置及修改密码
    linux下的/opt目录作用
    linux防火墙查看状态firewall、iptable
    nmap基本使用方法
    HTTP响应码大全
    端口镜像
    查看占用端口
    restful规范 APIview 解析器组件 Postman
    状态码301和302的区别
  • 原文地址:https://www.cnblogs.com/liunanjava/p/4358537.html
Copyright © 2011-2022 走看看