五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 365文章 > 了解CSS的優(yōu)先級特性Specificity

了解CSS的優(yōu)先級特性Specificity

文章來源:365jz.com     點擊數(shù):186    更新時間:2009-01-07 22:25   參與評論

 它可能不像其它那么重要,大部分案例你不需要擔心沖突,但大型而且復(fù)雜的CSS文件,或有很多CSS文件組成的,可能產(chǎn)生沖突。

  選擇器一樣的情況下后面的會覆蓋前面的屬性。比如:

  p { color: red; }

  p { color: blue; }

  p元素的元素將是藍色,因為遵循后面的規(guī)則。

  然而,你不可能經(jīng)常用相同的選擇器沖突達到目的,當你使用嵌套選擇器,合理的沖突來了。比如:

  div p { color: red; }

  p { color: blue; }

  也許你看起來p元素在div元素里面的顏色是藍色,就像后面p元素的規(guī)則,但是第一個選擇器的特性卻是紅色?;旧?,一個選擇器越多特性,樣式?jīng)_突的時候?qū)@示它的樣式。

  一組嵌套選擇器的實際特性可以計算出來?;镜?,使用ID選擇器的值是100,使用class選擇器的值是10,每個html選擇器的值是1。它們加起來就可以計算出特性的值。

  p的特性是1(一個html選擇器)

  div p的特性是2(兩個html選擇器)

  .tree的特性是10(1個class選擇器)

  div p.tree的特性是1+1+10=12,(兩個html選擇器,一個class選擇器)

  #baobab的特性是100(1個ID選擇器)

  body #content .alternative p的特性是112(兩個html選擇器,一個ID選擇器,一個類選擇器)

  按照上面的規(guī)則,div p.tree的特性比div p高,body #content .alternative p又比它們兩個都高

本文作者:

如對本文有疑問,請?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會為你解答??! 點擊進入論壇

發(fā)表評論 (186人查看,0條評論)
請自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴禁發(fā)布色情、暴力、反動的言論。
昵稱:
最新評論
------分隔線----------------------------

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號