码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap基础:选择器

时间:2016-02-18 19:38:11      阅读:333      评论:0      收藏:0      [点我收藏+]

标签:

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;

  }

 

技术分享
技术分享
技术分享

 

Bootstrap基础:选择器

标签:

原文地址:http://www.cnblogs.com/qdmaomao/p/5198890.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!