css的選擇器是仍是比較富的,主要的css選擇器以下:
標籤選擇器(如:body,div,p,ul,li)php
.類選擇器(如:class="head",class="head_logo") css
ID選擇器(如:id="name",id="name_txt")測試
全局選擇器(如:*號)code
.組合選擇器(如:.head .head_logo,注意兩選擇器用空格鍵分開)blog
.繼承選擇器(如:div p,注意兩選擇器用空格鍵分開)繼承
僞類選擇器(如:就是連接樣式,a元素的僞類,4種不一樣的狀態:link、visited、active、hover。)開發
字符串匹配的屬性選擇符(^ $ *三種,分別對應開始、結尾、包含) 文檔
以上選擇器在平常開發中最經常使用的就是標籤選擇器、類選擇器和id選擇器,下面是這三種選擇器的基本用法:
一、標籤名選擇器
一個XHTML文檔中有許多標籤,例如p標籤,h1標籤等。若要使文檔中的全部p標籤都使用同一個CSS樣式,就應使用標籤選擇器。字符串
div {color:red;border:1px blue solid;} p {color:#000;}
二、類選擇器
使用標籤選擇器能夠爲整個XHTML文檔中的同一個標籤指定相同的CSS樣式。可是在實際運用中,XHTML文檔中的同一個標籤會被反覆使用。若要爲相同的標籤賦予不一樣的CSS樣式就應使用類選擇器。get
<div class="test">測試代碼</div> .test {color:red;border:1px blue solid;}
三、id選擇器,id選擇器是惟一的,只能夠獲取獨一無二的一個元素。
<div id="test">測試代碼</div> #test {color:red;border:1px blue solid;}
轉載於猿2048:➝《css選擇器有哪些》