• css选择器


    css选择器主要包括

    一、全局选择器

    *{margin:0px;padding:0px;border:0px;	}

    一般用于统一和初始化工作
    二、标记选择器

    body{}
    div{}
    p{}
    a{}
    
    

    用的比较少吧,因为一旦确定,所有页面的样式都按照这个样式进行。但是超链接还是用的比较多的。

    三、类选择器

    .Header{color:#000666;font-size:15px;text-align:center;font-weight:bold;}
    

    本选择器应该是用的最多的选择器,因为其可以多次用,和类的作用相似:一次定义可以多次使用,也许这就是为什么要类选择器的原因吧。
    四、ID选择器

    #Header{color:#000666;font-size:15px;text-align:center;font-weight:bold;}

    一般用在特殊的元素上,防止与其他选择器发生冲突。

    五、分组选择器

    div.menu ul li a, div.menu ul li a:visited
    {
        background-color: #465c71;
        border: 1px #4e667d solid;
        color: #dde4ec;
        display: block;
        line-height: 1.35em;
        padding: 4px 20px;
        text-decoration: none;
        white-space: nowrap;
    }
    
    

    分组选择器主要用于多个对象共用相同的样式,以减少不必要的字节和简化代码,定义时用逗号隔开。
    六、包含选择器

    主要用于父元素下面的子元素的样式用空格隔开,如上面的ul就是div.menu 的子元素,li是ul的子元素

    七、相邻选择器

    div+p{font-size:20px;color:red;font-weight:bold;}

    上面代码定义了所有div对象之后的p对象都有该样式。
    八、子选择器

    .test>strong{color:red}

    应用于父对象下的子元素

    九、属性选择器

    比较复杂,在此不介绍

    十、伪类选择器

    可以看成特殊的类选择器,最大作用是可以用于连接的不同状态的样式定义。

    a:link{}
    
    a:visited{}
    
    a:hover{}
    
    a:active{}
    
    


     

    在vs2010上实现智能提示ctr+j 就能实现css的提示了
  • 相关阅读:
    webpack中文网的错误&&未更新内容(webpack4)
    本地运行别人的vue项目;新建一个vue项目;打包并部署一个vue项目
    ajax/JSON
    弹性盒模型,FLEX
    opencv-python-学习笔记五(图像的基本操作)
    opencv-python-学习笔记四(创建滑动条)
    opencv-python-学习笔记三(鼠标事件)
    opencv-python-学习笔记二(利用opencv绘图)
    opencv-python-学习笔记一(图像的读取与写入)
    开发Koa 必须用的插件
  • 原文地址:https://www.cnblogs.com/lzhp/p/2680782.html
Copyright © 2020-2023  润新知