基本CSS選擇器有标記選擇器、類别選擇器、ID選擇器3種
1。标記選擇器
每一種HTML标記的名稱都可以作為相應的标記選擇器的名稱，如h1,p,等等
2。類别選擇器
類别選擇器的名稱可以由使用者自定義
格式如下：.class{color:green;font-size:20px;}
3。ID選擇器
與類别選擇器相試
格式如下：#id{color:green;font-size:20px;}
複合選擇器：就是兩個或者多個基本選擇器，通過不同方式連接配接而成的選擇器
有兩種情況：”交集“選擇器、“并集”選擇器
1。“交集”選擇器：由兩個選擇器直接連接配接構成，其結果是選中二者各自元素範圍的交集，其中第一必須是标記選擇器，第二個必須是類别選擇器或者ID選擇器，兩個選擇器之間不能有空格，必須連續書寫
如：h3.class{color:red;font-size:23px;}
2。“并集”選擇器：同時選中各個基本選擇器所選擇的範圍，任何形式的選擇器都可以，并集選擇器是多個選擇器通過逗号連接配接而成的，
格式如:h1,h2,h3{color:red;font-size:23px;}
後代選擇器：
後代選擇器書寫方法：把外層的标記寫在前面，内層的标記寫在後面，之間用空格分隔，當标記發生嵌套時，内層的标記就成為外層标記的後代了
舉個列子
<html>
<head>
<title>後代選擇器</title>
<style type="text/css">
p span{
color:red
}
span
{
color:blue;
</style>
</head>
<body>
<p>嵌套<span>用CSS</span>标記的方法</p>嵌套之外的<span>标記</span>不生效
</body>
</html>
效果是：“用CSS”的顯示紅色，其他用<span>包圍起來的是蘭色
後代選擇器産生的影響不僅限于元素的“直接後代”，而且會影響到它的“各級後代”
子選擇器：也就是隻有對直接後代有影響的選擇器，而對“孫子”以及對個層的後代不産生作用。
格式如下：p>span{color:blue;}
本文轉自 風雨蕭條 部落格，原文連結： http://blog.51cto.com/1095221645/1792385 如需轉載請自行聯系原作者