• css笔记


    //通配符选择器,他可以选中页面中所有元素

    *{}

    //选择器分组(并集选择器),通过选择器分组可以同时选中多个选择器对应的元素

    //语法:选择器1,选择器2,选择器n{}

    .class1,calss2,class3{}

    //复合选择器(交集选择器),可以选中同时满足多个选择器的元素

    //语法:选择器1选择器2选择器n{}

    .class1.class2{}

    //伪类选择器,设置元素特殊状态的选择器

    //语法 例子:a:link{}

    //属性选择器:为所有具有相同属性或相同属性值的元素设置样式

    p[title]{

    选取p标签中有title属性的设置样式

    }

    p[title="hello"]{
     选取P标签title属性值为hello的设置样式

    }

    p[title ^="ac"]{

    选取属性值以ac开头的

    }

    p[title $="ac"]{

    选取属性值以ac结尾的

    }

    p[title *="ac"]{

    选取属性值包含ac的

    }

    //后代选择器

    .dd span{

    选择class为dd元素的后代span元素设置样式

    }

    //后代的后代选择器

    .dd div span{

    选择class为dd元素的后代div元素的后代 span设置样式

    }

    //子元素选择器

    .dd > span{

    选择class为dd的元素的子元素span设置样式

    }

    //伪元素 为元素特殊位置设置样式

    //子元素选择器

     

  • 相关阅读:
    前端一站式学习地址
    springboot注解开发
    java中的四种内部类使用(1)
    java内存回收机制
    TweenMax详解
    flash渲染机制
    通过字符串名访问变量
    总结调用Flash的几种方法
    flex buider2 的注册
    转:FlexChn.Cn Adobe Flex最佳学习路线
  • 原文地址:https://www.cnblogs.com/Fanzifeng/p/7518526.html
Copyright © 2020-2023  润新知