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

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
七大CSS選擇符用法秘笈

本文向大家描述一下CSS選擇符的用法，主要包括類型選擇符、群組選擇符、包含選擇符、id選擇符、class選擇符、標(biāo)簽指定式的選擇符、組合選擇符，下面對這些選擇符一一做介紹。

CSS的選擇符說明

這里介紹CSS的幾個選擇符，主要包括類型選擇符、群組選擇符、包含選擇符、id選擇符、class選擇符、標(biāo)簽指定式的選擇符、組合選擇符，下面對這些選擇符一一做介紹：

一、類型選擇符

什么是類型選擇符？指以網(wǎng)頁中已有的標(biāo)簽類型作為名稱的行徑符。body是網(wǎng)頁中的一個標(biāo)簽類型，div,p,span都是。
如下：

body{}
div{}
p{}
span{}

二、群組選擇符

對于XHMTL對象，可以對一組同時進行了相同的樣式指派。
使用逗號對選擇符進行了分隔，這樣書寫的優(yōu)點在于同樣的樣式只需要書寫一次即可，減少代碼量，改善CSS代碼結(jié)構(gòu)。
使用時應(yīng)該注意"逗號"是在半角模式下，并非中文全角模式。
如下：

 
 
 
    
  
  
  
  1. h1,h2,h6,p,span  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3. font-size:12px;  
    4. 
  
  
  
  4. color:#FF0000;  
    5. 
  
  
  
  5. font-family:arial;  
    6. 
  
  
  
  6. }  
    7. 
  
  
  
  7.  
    8.

三、包含選擇符

對某對象中的子對象進行樣式指點定，這樣選擇方式就發(fā)揮了作用。
需要注意的是，僅對此對象的子對象標(biāo)簽有效，對于其它單獨存在或位于此對象以外的子對象，不應(yīng)用此樣式設(shè)置。
這樣做的優(yōu)點在于，幫我們避免過多的id、class設(shè)置，直接對所需的元素進行定義。
如下：

 
 
 
    
  
  
  
  1. h2span  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3. color:red;  
    4. 
  
  
  
  4. }  
    5. 
  
  
  
  5.  
    6.

如下：

 
 
 
    
  
  
  
  1. bodyh1spanstrong  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3. font-weight:bold;  
    4. 
  
  
  
  4. }  
    5. 
  
  
  
  5.  
    6.

四、id選擇符

根據(jù)DOM文檔對象模型原理所出現(xiàn)的選擇符，對于一個XHTML文件，其中的每一個標(biāo)簽都可以使用一個id=""的形式進行一個名稱指派，但需要注意，在一個XHTML文件中id是具有唯一性而不可以重復(fù)的。
在divcss布局的網(wǎng)頁中，可以針對不同的用途進行命名，如頭部為header、底部為footer。
XHTML如下：

 
 
 
    
  
  
  
  1.  div> 
    2. 
  
  
  
  2.  
    3.

CSS如下：

 
 
 
    
  
  
  
  1. #content  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3. font-size:14px;  
    4. 
  
  
  
  4. line-height:120%;  
    5. 
  
  
  
  5. }  
    6. 
  
  
  
  6.  
    7.

#p#五、class選擇符

其實id是對于XHTML標(biāo)簽的擴展，而class是對SHTML多個標(biāo)簽的一種組合，class直譯的意思是類或類別。
對于XHTML標(biāo)簽使用class=""進行名稱指派。與id不同，class可以重復(fù)使用，對于多個樣式相同的元素，可以直接定義為一個class。
使用class的優(yōu)點已不言自明，它對CSS代碼重用性有良好的體現(xiàn)，眾多的標(biāo)簽均可以使用一個樣式來定義而不需要每一個編寫一個樣式代碼。
XHTML如下：

 
 
 
    
  
  
  
  1.  p> 
    2. 
  
  
  
  2.  span> 
    3. 
  
  
  
  3.  h5> 
    4. 
  
  
  
  4.  
    5.

CSS如下：

 
 
 
    
  
  
  
  1. .he  
    2. 
  
  
  
  2. {  
    3. 
  
  
  
  3. margin:10px;  
    4. 
  
  
  
  4. background-color:red;  
    5. 
  
  
  
  5. }  
    6. 
  
  
  
  6.  
    7.

六、標(biāo)簽指定式的選擇符

如果想同時使用id和class，也想同時使用標(biāo)簽選擇符，可以使用如下的方式：

h1#content{}
/*表示所有id為content的h1標(biāo)簽*/
h1.p1{}
/*表示所有class為p1的h1標(biāo)簽*/

標(biāo)簽指定式選擇符的精度介于標(biāo)簽選擇符及id/class選擇符之間，是常用的選擇符之一。

七、組合選擇符

對于上面的所有選擇符而言，進行組合使用。如下：

h1.p1{}
/*表示h1下的所有class為p1的標(biāo)簽*/
#contenth1{}
表示id為content的標(biāo)簽下的所有h1標(biāo)簽
h1.p1,#contenth1{}
/*表示h1下的所有class為p1的標(biāo)簽以及id為content的標(biāo)簽下的所有h1標(biāo)簽*/
h1#contenth2{}
/*id為content的h1標(biāo)簽下的h2標(biāo)簽*/

CSS選擇符是非常自由與靈活的，可以根據(jù)頁面的需要，使用各種選擇符，盡量結(jié)構(gòu)化與優(yōu)化CSS文件.

文章出處：站點基地[http://www.zdbase.com/content/detail.aspx?OID=5A821ED4-5EED-43E7-93E0-475C785A1C07]


網(wǎng)站標(biāo)題：七大CSS選擇符用法秘笈
鏈接分享：http://www.dlmjj.cn/article/djjsidd.html