zoukankan      html  css  js  c++  java
  • Bootstrap基础:选择器

    1.CSS属性选择器

    [arrt=value]   该属性有指定的确切值

    [arrt~=value]  该属性值必须是多个空格隔开的值,比如,class=“title featured home”,而且这些值中的一个必须是指定的值“value”

    [arrt|=value]  属性的值就是“value”或者以“value”开始并立即跟上一个“-”字符,也就是“value-”,比如lang=“zh-cn”

    <div class="container">
            <div class="row">
                <div class="col-md-1">col-md-1</div>
                <div class="col-md-1">col-md-1</div>
            </div>
            <div class="row">
                <div class="col-md-8">col-md-8</div>
                <div class="col-md-4">col-md-4</div>
            </div>
            <div class="row">
                <div class="col-md-4">col-md-4</div>
                <div class="col-md-4">col-md-4</div>
                <div class="col-md-4">col-md-4</div>
            </div>
            <div class="row">
                <div class="col-md-6">col-md-6</div>
                <div class="col-md-6">col-md-6</div>
            </div>
    </div>
    
    [class|="col-md"]{
          background: red;
     }

    [arrt^=value]  该属性的值必须以指定的值开始

    [arrt$=value]  该属性的值必须包含特定值(而无论其位置怎么样)

    [arrt*=value]  改属性的值必须以特定值结束

    2.子选择器用符号”>“表示

    如:.table > thead >tr >th{

        border-bottom:2px solid #ccc

      }

    3.兄弟选择器用”+“表示

    如:ul > li +li{

        margin-left:23px;

      }

  • 相关阅读:
    leetcode-9-basic-binary search
    selection problem-divide and conquer
    leetcode-8-pointer
    leetcode-7-hashTable
    前端学习之——js解析json数组
    Google浏览器如何加载本地文件
    JAVA全栈工程师应具备怎样的知识体系?
    Java全栈工程师知识体系介绍
    数据可视化工具
    使用js的FileReader对象
  • 原文地址:https://www.cnblogs.com/qdmaomao/p/5198890.html
Copyright © 2011-2022 走看看