css中的選擇器有哪些，四路選擇器功能表？
四路選擇器簡介:要使用css對HTML頁面中的元素實現一對一，一對多或者多對一的控制，這就需要用到CSS選擇器。
HTML頁面中的元素就是通過CSS選擇器進行控制的。
1.1 類別選擇器
類選擇器根據類名來選擇
前面以”.”來標志，如：
.demoDiv{
color:#FF0000;
}
在HTML中，元素可以定義一個class的屬性。
如：
<div class="demoDiv">
這個區域字體顏色為紅色
</div>
同時，我們可以再定義一個元素：
<p class="demoDiv">
這個段落字體顏色為紅色
</p>
最后，用瀏覽器瀏覽，我們可以發現所有class為demoDiv的元素都應用了這個樣式。包括了頁面中的div元素和p元素。
上例我們給兩個元素都定義了class，但如果有很多個元素都會應用這個元素，那得一個個的定義元素，就會造成頁面重復的代碼太多，這種現象稱為“多類癥”。
我們可以改成這樣來定義。
<div class="demoDiv">
<div>
這個區域字體顏色為紅色
</div>
同時，我們可以再定義一個元素：
<p>
這個段落字體顏色為紅色
</p>
</div>
這樣，我們就只是定義了一個類，同時把樣式應用到了所有的元素當中。
1.2 標簽選擇器
一個完整的HTML頁面是有很多不同的標簽組成，而標簽選擇器，則是決定哪些標簽
采用相應的CSS樣式，(在大環境中你可能出于不同的位置，但是不管怎么樣，你總
是穿著同一套衣服，這件衣服就是由標簽選擇器事先給你限定好的，不管走到哪里
都是這身衣服)比如，在style.css文件中對p標簽樣式的聲明如下：
p{
font-size:12px;
background:#900;
color:090;
}
復制代碼則頁面中所有p標簽的背景都是#900(紅色)，文字大小均是12px，顏色為#090(綠色)
，這在后期維護中，如果想改變整個網站中p標簽背景的顏色，只需要修改
background屬性就可以了，就這么容易！
1.3 ID選擇器
根據元素ID來選擇元素，具有唯一性。
前面以”#”號來標志，在樣式里面可以這樣定義：
#demoDiv{
color:#FF0000;
}
這里代表id為demoDiv的元素的設置它的字體顏色為紅色。
我們在頁面上定義一個元素把它的ID定義為demoDiv，如：
<div id="demoDiv">
這個區域字體顏色為紅色
</div>
用瀏覽器瀏覽，我們可以看到因為區域內的顏色變成了紅色
再定義一個區域
<div>
這個區域沒有定義顏色
</div>
用瀏覽器瀏覽，與預期的一樣，區域沒有應用樣式，所以區域中的字體顏色還是默認的顏色黑色。
1.4 后代選擇器
后代選擇器也稱為包含選擇器，用來選擇特定元素或元素組的后代，后代選擇器用兩個常用選擇器，中間加一個空格表示。其中前面的常用選擇器選擇父元素，后面的常用選擇器選擇子元素，樣式最終會應用于子元素中。
如：
<style>
.father.child{
color:#0000CC;
}
</style>
<p class="father">
黑色
<label class="child">藍色
<b>也是藍色</b>
</label>
</p>
這里我們定義了所有class屬性為father的元素下面的class屬性為child的顏色為藍色。
后代選擇器是一種很有用的選擇器，使用后代選擇器可以更加精確的定位元素。
html5的CSS3選擇器中？
選擇父級下第一個元素和最后一個元素如：
aaaabbbbcccccdddd.list li:first-child{color:#f00;} //只有aaa變紅色.list li:last-child{font-weight:bold;} //只有dddd變粗體熟練掌握并默寫標記選擇器的基本語法？
1.標記選擇器主要應用在HTML頁中的標記樣式選擇。如P選擇器就用于聲明網頁中有P標記的文本內容，同理，H1選擇器則可以標記頁面中H1的樣式。例如： H1 { font-size:14px; font-weight:bold; color:#ccc;}以上代碼表示在所有應用H1選擇器的地方，將文字的大小設為14像素并加粗，同時將顏色設為灰色，如果要改變H1的顏色，只需將color屬性更改就可以了，比如將color設為#e7eefe來與網頁的其他地方協調。 2.類別選擇器 這是一類最常用的選擇器，用它來定義網頁中需要特殊表現的樣式，類別選擇器的名稱可以由作者自由定義，一般來講類別選擇器的命名最好有一定的意義，使CSS代碼更易維護和閱讀。例如定義導航就可以使用.daohang{}或者是.nav{}，不要使用簡略或者特殊的字符串，否則可能三天后當你再讀你的CSS代碼時，就連你自己都搞不清一個樣式到底是做什么用的！ 類別選擇器就是CSS類，在HTML表現為調用的class。例如： (1)style.css文件中定義 .title { margin:10px; padding:2px 5px;}(2)HTML文件中
在上述定義中，p標簽將引用CSS文件中的title樣式應用到整個p覆蓋的范圍。p將顯示為一個上下左右margin各為10px，上下padding為2px，左右padding為5px的矩形。 請注意類別選擇器CSS定義和標記選擇器的區別：在CSS文件中，標記選擇器前邊沒有"."號，下面我們還會講到ID選擇器，它的定義也不一樣，每個ID選擇器樣式前有一個"#"號，以確定其為ID選擇器，而在HTML中則用ID="style"引用。值得注意的是，一個標簽可以同時應用多個class選擇器，如,具體大家可以在下邊思考并做下實驗，筆者在這就不舉例了。3.ID選擇器(1)ID選擇器用法和class基本沒有區別，他們的不同之處就在于ID選擇器只能在HTML頁中使用一次，而class則可以任意多次調用，在CSS文件中，ID 選擇器一般寫成 #idname { bgcolor:#339; font-size:16px;}如果一個ID應用于多個HTML標記，則有可能造成IE編譯錯誤，并且由于ID選擇器可以被JAVASCRIPT等調用，所以多個ID會導致JAVA編譯錯誤并崩潰！ (2)HTML的引用 在HTML中引用ID選擇器的代碼如下所示： 并且ID選擇器不能像類別選擇器那樣同時被一個標簽調用。這也是完全錯誤的語法。 復合選擇器就是基本選擇器通過不同的鏈接方式構成的。 復合選擇器就是兩個或多個基本選擇器，通過不同方式鏈接而成的選擇器。CSS選擇器權重如何計算？
很古老的話題了
id=100
class=10
tag（標簽）=1
按照這個規律去計算，比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面，我推薦了解下BEM命名規則，這個觀念很好，可以從側面杜絕權重問題的產生，還有一個就是提高權重的方法 !important;