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;

　　}