zoukankan      html  css  js  c++  java
  • 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;

    }

     

  • 相关阅读:
    用户场景描述
    构建之法阅读笔记03
    冲刺记录(4.26)
    力扣-dp基础问题思维构建
    力扣-二叉树专题
    力扣-巧妙哈希
    力扣-双指针问题
    力扣-区间问题
    力扣-单调栈与单调队列问题
    力扣-股票买卖专题
  • 原文地址:https://www.cnblogs.com/liuyuancheng/p/7252646.html
Copyright © 2011-2022 走看看