• css中的一些常用选择器


    css中的选择器

    1.标签选择器,作用与当前页面所有匹配标签

    这里以p标签为例:

       p{
          color: blue;
       }

    < p>…</p>

    2.类选择器,作用于当前页面所有class值为red的标签

    例:
     .red{
           color: red;
     }

    <p class=”red”></p>

     

    3.id选择器,作用于拥有唯一标识符id属性的标签

    例:

    #name{

             color:green;

    }

    <p id=”name”></p>

     

     

    4.伪类选择器

    (1)默认链接状态

    a:link{

        color: yellow;

    }

    (2)已访问状态

    a:visited{

        color: darkgray;

    }

    (3)鼠标悬浮状态

    a:hover{

        color: red;

    }

    (4)鼠标点击时的状态

    a:active{

        color: orange;

    }


        </style>

       

    5. 加空格 后代选择器

     

    6.加尖括号>,子代选择器

    7. 并集选择器

            #left,#right,#center{

                height: 100px;

                float: left;

            }

     

    8.通用选择器

    注意:通常不建议使用通配选择符,因为它会遍历并命中文档中所有的元素,出于性能考虑,需酌情使用

    * {

       color: #f00;

    }

     

  • 相关阅读:
    Codeforces Round #498 (Div. 3) E. Military Problem
    codeforces ~ 1009 B Minimum Ternary String(超级恶心的思维题
    二叉排序树
    codeforces ~ 1004 C Sonya and Robots (dp)
    fragment shader的优化
    计算带宽
    trilinear filter
    GPU bubbles
    Dx12 occlusion query
    非意外的PDB错误 OK(0)
  • 原文地址:https://www.cnblogs.com/liuyuancheng/p/7252646.html
Copyright © 2020-2023  润新知