css選擇器有哪些

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選擇器有哪些》

相關文章
相關標籤/搜索