<s id="hk4l9"></s>
      \n    
      \n        
      \n            
      \n                
      \n                    

      我是什么顏色?<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html><\/pre>

      上面css中的<\/span>p p p<\/code>,也能使文字的顏色變紅。通過瀏覽器的審查元素,我們可以看到 p元素的祖先列表:<\/span><\/p>

      \"\"<\/span><\/p>

      ?講到這里,我們再提一個sublime的快捷鍵。<\/p>

      在sublime中輸入p#haha<\/code>,按tab鍵后,會生成

      <\/p><\/code>。<\/p>

      在sublime中輸入p.haha<\/code>,按tab鍵后,會生成

      <\/p><\/code>。<\/p>

      2、交集選擇器<\/strong><\/h3>

      來看下面這張圖就明白了:<\/p>

      \"\"<\/p>

      \nh3.special{\n    color:red;\n}\n<\/style><\/pre>

      選擇的元素要求同時滿足兩個條件:必須是h3標簽,然后必須是special標簽。<\/span><\/p>

      只能在h3標簽中使用它:<\/p>

      css<\/h3><\/pre>

      注意,交集選擇器沒有空格。所以,沒有空格的p.red<\/code>(交集選擇器)和有空格的p .red<\/code>(后代選擇器)不是一個意思。<\/p>

      交集選擇器可以連續(xù)交:(一般不要這么寫)<\/p>

      h3.special.zhongyao{\n    color:red;\n}<\/pre>

      上面這種寫法,是 IE7 開始兼容的,IE6 不兼容。<\/p>

      交集選擇器,我們一般都是以標簽名開頭,比如p.haha<\/code> 比如p.special<\/code>。<\/p>

      3、并集選擇器:定義的時候用逗號隔開<\/strong><\/h3>

      三種基本選擇器都可以放進來。<\/p>

      舉例:<\/p>

      p,h1,#mytitle,.one\/*定義了一個并集選擇器,帶有p,h1,id=\"mytitle\",class=\"one\"的標簽都內(nèi)容會顯示紅色*\/{\n    color:red;\n}<\/pre>

      \"\"<\/p>

      4、偽類選擇器<\/strong><\/h3>

      對于<\/code>標簽,其對應(yīng)幾種不同的狀態(tài):<\/p>