boostrap中使用的css选择器

1.元素选择器

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    nav,
    section {
      display: block;
    }

2.类选择器

    .input-block-level {
      display: block;
      width: 100%;
      min-height: 30px;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
    }

3.伪元素选择器

    .clearfix:before,
    .clearfix:after {
      display: table;
      line-height: 0;
      content: "";
    }

4.伪类选择器

    a:focus {
      outline: thin dotted #333;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    }

    a:hover,
    a:active {
      outline: 0;
    }

    .form-horizontal .controls:first-child {
      *padding-left: 180px;
    }

5.ID选择器

    #map_canvas img,
    .google-maps img {
      max-width: none;
    }

6.属性选择器

    input[type="search"] {
      -webkit-box-sizing: content-box;
         -moz-box-sizing: content-box;
              box-sizing: content-box;
      -webkit-appearance: textfield;
    }

    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    [class*="span"] {
      float: left;
      min-height: 1px;
      margin-left: 20px;
    }

7.后代选择器

    h1 small {
      font-size: 24.5px;
    }

8.子选择器

    .nav > .disabled > a {
        color: #999999;
    }

9.相邻兄弟选择器

    .table tbody + tbody {
      border-top: 2px solid #dddddd;
    }

10.not选择器

    audio:not([controls]) {
      display: none;
    }