一、基礎(chǔ)選擇器
css基礎(chǔ)選擇器有標(biāo)簽選擇器、類選擇器、id選擇器、通用選擇器

1.標(biāo)簽選擇器
每個html頁面都由很多個標(biāo)簽組成，通過標(biāo)簽選擇器可以對某類標(biāo)簽應(yīng)用相應(yīng)的樣式，如對p標(biāo)簽應(yīng)用下面的樣式，則頁面中所有的p標(biāo)簽都會生效

p{ font-size:12px; color:red; background:blue; }

2.類選擇器
類選擇器是css非常常用的選擇器，在html中可以為某個標(biāo)簽增加class屬性，如

<div class=”error”> </div>

則可以為對應(yīng)的class設(shè)置樣式

error{ width:200px; padding:5px; color:red;}

類選擇器可以復(fù)用，如對頁面中的p標(biāo)簽也可以應(yīng)用此樣式

This is a test!

另外，一個標(biāo)簽可以有多個類選擇器，不同的值用空格隔開，這樣多個樣式便可以應(yīng)用的一個標(biāo)簽上。

3.id選擇器
id選擇器和類選擇器一樣，用的也很頻繁，但是id在每個html頁面的值必須是唯一的，所以它不可以復(fù)用，如：

<div id=”content”> </div>

這里補充說明下id與class的命名規(guī)范，命名時盡可能的保持名稱與表現(xiàn)形式無關(guān)，如 某段提示文字顯示為紅色，可以命名為red，但是若日后改成藍(lán)色，則red名與之不對應(yīng)，更好的選擇如error或tips。所以應(yīng)該根據(jù)它是什么來命名 而不是 根據(jù) 它的外觀如何來命名。

4.通用選擇器
不同于上面的三種選擇器，通用選擇器要強(qiáng)大的多，它可以對頁面中的所有html標(biāo)簽應(yīng)用樣式，當(dāng)然也正是因為如此強(qiáng)大，反而限制了它的靈活性，在實際應(yīng)用中用的較少。一般簡單的css reset會用到，如：

*{ margin:0; padding:0;}

二、組合選擇器
1.群主選擇器
在使用選擇器時,有的元素樣式是一樣的，每次都為不同的選擇器單獨定義樣式的話太繁瑣，這時我們便可以使用群主選擇器集中定義樣式。不同標(biāo)簽或類以逗號隔開。如：

div, h2, .error{ font-size:14px; color:red;}

這樣我們便同時給div, h2, .error一起定義了樣式。
2.子選擇器
當(dāng)我們想讓父元素下的某個子元素表現(xiàn)為特定的樣式時，我們可以用子選擇器，如

div>a{ color:blue; text-decoration:none;}

此時，div下的子元素a都將變成藍(lán)色字體，無下劃線。
3.后代選擇器
在上面的例子中，利用子選擇器，只可以設(shè)置div下的子元素a，但是若想改變div下的所有a標(biāo)簽的樣式，就需要用到后代選擇器。代碼如下:

div a{ color:blue; text-decoration:none;}

4.同胞選擇器
除了上面的子選擇器與后代選擇器，我們可能還希望找到兄弟兩個當(dāng)中的一個，如一個標(biāo)題h1元素后面緊跟了兩個段落p元素，我們想定位第一個段落p元素，對它應(yīng)用樣式。我們就可以使用相鄰?fù)x擇器。看下面的代碼：