zoukankan      html  css  js  c++  java
  • CSS选择器

    CSS选择器有多个选择器   所在的位置是内嵌和外部

    常用的选择器有

      id选择器 {

                   是给元素一个身份证号,给id定义的id名不能重复

                   优先级第一

                   用#来查找

    liru:body里面    <div  id="id1"  ></div>

      那么我们查找的id名是id1   那么给找到的id是id1  所在的位置是内嵌和外部

          #id1  {  background-color:red;

                           100px;

                        height:100px;}

               }                            内嵌                                                                                              外部                               

         

    class选择器{

                   用点  .   来查找

                   根据class来筛选元素

                  种类可以一样

                   优先级第二

    例如:<div  class="classname"  >  </div>

             <div  class="classname" ></div>

       位置同上    .classname{

                                    background-color:red;

                                     100px;

                                      height:100px;

                                      }

    }

    标签{

                根据标签名来筛选元素   例如:<div>  <p>   <body>   <span>

               优先级最低

    位置同上          标签名{属性}

    例如:   div{background-color:red;}

           }

    逗号隔开样式表

    例如:

    .di,.d2.#d3,div{100px;

                           height:100px;

                         background-color:red;}

    后代用空格隔开

    例如:<div  class="d2">

                        <div  class="sp1"></div>

              </div>

    sp1在d2里面    可以认为 sp1(div)是d2的后代

    .d2  .sp1{100px;

                 heght:100px;

                 background:red;}

    也可以写为          d2下的div

    .d2  div{

    100px;

                 heght:100px;

                 background:red

               }

  • 相关阅读:
    蓝桥杯---打印回型嵌套(简单递归)
    蓝桥杯---分酒
    蓝桥杯---简单试题集锦
    蓝桥杯---黑洞数
    2013蓝桥杯B组 预赛试题
    2012蓝桥杯预赛--取球博弈
    2012第三届蓝桥杯预赛题
    C中的动态开辟(malloc)
    文件的输入输出
    hdoj 1233 还是畅通工程
  • 原文地址:https://www.cnblogs.com/zhangwei99com/p/6663433.html
Copyright © 2011-2022 走看看