一起来学css之选择器

css选择器分为四种：html选择器，id选择器，类选择器，属性选择器。

html选择器：

        p {
            color:#4cff00;
        }

        a {
            font-size:20px;
        }

id选择器：

       #t1 {
            color:#4cff00;
        }

        #test {
            font-size:20px;
        }

类选择器：

       .t1 {
            color:#4cff00;
        }

        .test {
            font-size:20px;
        }

属性选择器（不支持ie6）

        [class~="t1"] {
            color:#f00;
        }

        [class|="t1"] {
            color:#f00;
        }

       <div class="t1 t2">测试三</div>

       <div class="t1-t2">测试三</div>

      ~ 符号表示class里可以包含空格

      | 符号表示class里可以包含  - 符号