日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

 
 
 
  
  
  
 
  
  
  
 
  
  
  
beijixing  
  
  
  
 
  
  
  
 
  
  
  
polaris  
  
  
  
 
  
  
  

如果已經(jīng)把.polaris下面span內(nèi)的字體設(shè)置成紅色：

 
 
 
  
  
  
.polaris span {color:red;} 
 
 

這時，如果要改變.beijixing的顏色為藍(lán)色，用下面的命令是不能實(shí)現(xiàn)的：

 
 
 
  
  
  
.beijixing {color:blue;} 
 
 

出現(xiàn)這種情況就是因?yàn)楹笠粋€命令的優(yōu)先級不夠，兩條相互沖突的樣式設(shè)置，瀏覽器只會執(zhí)行優(yōu)先級較高的那個。

那么選擇器的優(yōu)先級是怎么規(guī)定的呢？

一般而言，選擇器越特殊，它的優(yōu)先級越高。也就是選擇器指向的越準(zhǔn)確，它的優(yōu)先級就越高。通常我們用1表示標(biāo)簽名選擇器的優(yōu)先級，用10表示類選擇器的優(yōu)先級，用100標(biāo)示ID選擇器的優(yōu)先級。比如上例當(dāng)中 .polaris span {color:red;}的選擇器優(yōu)先級是 10 + 1 也就是11；而 .polaris 的優(yōu)先級是10；瀏覽器自然會顯示紅色的字。理解了這個道理之后下面的優(yōu)先級計算自是易如反掌：

 
 
 
  
  
  
div.test1 .span var 優(yōu)先級 1+10 +10 +1  
  
  
  
span#xxx .songs li 優(yōu)先級1+100 + 10 + 1  
  
  
  
#xxx li 優(yōu)先級 100 +1 
 
 

對于什么情況下使用什么選擇器，用不同選擇器的原則是：第一：準(zhǔn)確的選到要控制的標(biāo)簽；第二：使用最合理優(yōu)先級的選擇器；第三：HTML和CSS代碼盡量簡潔美觀。通常：

1、最常用的選擇器是類選擇器。

2、li、td、dd等經(jīng)常大量連續(xù)出現(xiàn)，并且樣式相同或者相類似的標(biāo)簽，我們采用類選擇器跟標(biāo)簽名選擇器結(jié)合的后代選擇器 .xx li/td/dd {} 的方式選擇。

3、極少的情況下會用ID選擇器，當(dāng)然很多前端開發(fā)人員喜歡header，footer，banner，conntent設(shè)置成ID選擇器的，因?yàn)橄嗤臉邮皆谝粋€頁面里不可能有第二次。

在這里不得不提使用在標(biāo)簽內(nèi)引入CSS的方式來寫CSS，即：

 
 
 
  
  
  
polaris