CSS編碼順序研究,提高CSS編碼效率_CSS教程
      
編輯Tag賺U幣
      


      教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!
      


      
最后定義的 CSS 樣式將會(huì)覆蓋在其之前定義的所有已經(jīng)存在、或與之沖突的樣式，比如下面這個(gè)例子：

      示例代碼 [www.wf0088.com]
      p { color: red; background: yellow }
      p { color: green }

      　　以上的段落最終將呈現(xiàn)綠色的字體，并帶有黃色的背景，這是因?yàn)樽詈蠖x的 color:green 將之前定義的 red 覆蓋掉了，至于黃色背景為何沒(méi)有消失，那是因?yàn)榈诙䝼�(gè) p 的定義中并沒(méi)有與之沖突的定義，因此它還是有效的。 
      　　你真的懂了嗎？好，我們來(lái)做個(gè)小測(cè)試： 

      示例代碼 [www.wf0088.com]
      p.red { color: red }
      p.green { color: green }
      p.blue { color: blue }

      示例代碼 [www.wf0088.com]
      <p class="red green blue">Sample text.　Mb5u.com</p>
      <p class="green blue red">Sample text.　Mb5u.com</p>
      <p class="blue red green">Sample text.　Mb5u.com</p>

      　　請(qǐng)問(wèn)，最終顯示的時(shí)候，上面三個(gè)段落中的文字都將呈現(xiàn)何種顏色呢？
      　　答案是它們都顯示為 blue ，也就是藍(lán)色，盡管每個(gè)段落都以不同順序應(yīng)用了三個(gè) p 樣式，看上去應(yīng)該按照應(yīng)用樣式的順序來(lái)決定顏色，比如，第一個(gè)顯示為 blue ，第二個(gè)顯示為 red ，第三個(gè)顯示為 green ，其實(shí)這是錯(cuò)誤的，這與應(yīng)用樣式的順序無(wú)關(guān)，它們最終都聽從最后指定的樣式，顏色皆為 blue 。
      　　
      　　


      

      



      


      來(lái)源：52CSS//所屬分類：CSS教程/更新時(shí)間：2012-06-21


      

      



      


      



      相關(guān)CSS教程：