css選擇器有哪些

css的選擇器是還是比較富的，主要的css選擇器如下： 

1. 標簽選擇器（如：body,div,p,ul,li）

2. .類選擇器（如：class="head",class="head_logo"） 

3. ID選擇器（如：id="name",id="name_txt"）

4. 全局選擇器（如：*號）

5. .組合選擇器（如：.head .head_logo,注意兩選擇器用空格鍵分開）

6. .繼承選擇器（如：div p,注意兩選擇器用空格鍵分開）

7. 偽類選擇器（如：就是鏈接樣式,a元素的偽類，4種不同的狀態：link、visited、active、hover。）

8. 字符串匹配的屬性選擇符(^ $ *三種，分別對應開始、結尾、包含) 

 

以上選擇器在日常開發中最常用的就是標簽選擇器、類選擇器和id選擇器，下面是這三種選擇器的基本用法：

 

1、標簽名選擇器 
一個XHTML文檔中有許多標簽，例如p標簽，h1標簽等。若要使文檔中的所有p標簽都使用同一個CSS樣式，就應使用標簽選擇器。

div {color:red;border:1px blue solid;} 
p {color:#000;}

　　

2、類選擇器 
使用標簽選擇器可以為整個XHTML文檔中的同一個標簽指定相同的CSS樣式。但是在實際運用中，XHTML文檔中的同一個標簽會被反復使用。若要為相同的標簽賦予不同的CSS樣式就應使用類選擇器。

<div class="test">測試代碼</div> 
.test {color:red;border:1px blue solid;}

　　

3、id選擇器，id選擇器是唯一的，只可以獲取獨一無二的一個元素。

<div id="test">測試代碼</div> 
#test {color:red;border:1px blue solid;}