zoukankan      html  css  js  c++  java
  • 伪类分类

    常见的伪类:

    /*1/锚伪类 */
    /*初试状态*/
    a:link{
        color: green;
    }
    /*链接访问过后*/
    a:visited{
        color: red;
    }
    /*鼠标经过*/
    a:hover{
        color: yellow;
    }
    /*鼠标点击不放*/
    a:active{
        color: blue;
    }
    /*改变自己*/
    h1:hover{
        color: red;
    }
    
    /*选择器综合  伪类和包含选择器的综合*/
    /*.two{
        display: none;
    }*/
    /*鼠标经过时的对象:hover 被改变的对象
     鼠标经过时的对象与被改变的对象是父子关系
     * */
    /*.one li:hover .two{
        display: block;
    }*/
    /*鼠标经过时的对象:hover(+/~)被改变的对象
    鼠标经过时的对象与被改变的对象是兄弟关系
     */
    div:hover+p{
        font-size: 50px;
    }
    /*2/文本伪类*/
    .w{
        color: red;
        font-size: 30px;
    }
    /*第一个字*/
    .letter:first-letter{
        color: red;
        font-size: 30px;
    }
    /*第一行*/
    .letter:first-line{
        color: blue;
    }
    /*在最前面添加内容*/
    .letter:before{
        content: "1311 ";
    }
    /*在最后面添加内容*/
    .letter:after{
        content: " after";
    }
    /*3/结构性伪类*/
    ul{
        background: yellow;
    }
    /*.weilei .one{
        background: white;
    }
    .weilei .two{
        background: gainsboro;
    }*/
    /*css3新增*/
    .weilei li:nth-child(2n-1){
        background: white;
    }
    .weilei li:nth-child(2n){
        background: gainsboro;
    }
    /*所有的孩子作为基数*/
    /*.nth p:nth-child(2n){
        background: yellow;
    }*/
    /*只认p这个类型的孩子 作为基数*/
    .nth p:nth-of-type(2n){
        background: yellow;
    }
    /*.nth h1:nth-child(2n){
        background: yellow;
    }*/
  • 相关阅读:
    Master公式计算递归时间复杂度
    对数器的使用
    HTML翻转菜单练习
    剑指offer题目解答合集(C++版)
    HTML---仿网易新闻登录页
    两个有序数组中的中位数以及求第k个最小数的值
    算法之重建二叉树
    AFNetWorking 上传功能使用及源码分析
    图片Alpha预乘的作用[转]
    C#/.NET 学习之路——从入门到放弃
  • 原文地址:https://www.cnblogs.com/lhl66/p/7528239.html
Copyright © 2011-2022 走看看