CSS命中目標：子選取器、相鄰同胞選取器與屬性選取器等

　在CSS布局網頁開發中，我們還會用到一常非常有用的選取器，可以用它來進行整體布局聲明，這就是通用選取器。看下面的代碼：

代碼如下	複製代碼
* {     margin:0;     padding:0; }

　　這種形式的代碼一般不會多次出現，在頁面代碼中出現一次而已，但它的功能是非常強大的，在電腦領域中一般情況下都約定“*”為萬用字元，它的聲明將會作用於頁面中所有的可用元素，使用它可以定義一些頁面中基本的規則，如邊距margin、填充padding、字型font-family、文字大小font-size、背景顏色background-color等等。
　　由於某些瀏覽器不支援或支援的不夠好，下面所介紹的三種選取器並不是非常的常用，至少目前的情況是這樣的，但隨著時間的推移，某些功能還是非常有用的，我們簡單瞭解一下子選取器、相鄰同胞選取器與屬性選取器。
子選取器
　　請注意這個選取器與後代選取器的區別，子選取器（child selector）僅是指它的直接後代，或者你可以理解為作用於子項目的第一個後代。而後代選取器是作用於所有子後代元素。後代選取器通過空格來進行選擇，而子選取器是通過“>”進行選擇，我們看下面的代碼：
CSS：

代碼如下	複製代碼
#links a {color:red;}  #links > a {color:blue;}  HTML： <p id="links">     <a href="http://www.111cn.net/">Div+CSS教程</a>>     <a href="http://www.111cn.net/">CSS布局執行個體</a>     <a href="http://www.111cn.net/">CSS2.0教程</a> </p>

　　我們將會看到第一個連結元素“Div+CSS教程”會顯示成藍色，而其它兩個元素會顯示成紅色。當然，或許你的瀏覽器並不支援這樣的CSS選擇符。我們在一開始也強調了不太相容的現狀。
相鄰同胞選取器
　　我們除了上面的子選取器與後代選取器，我們可能還希望找到兄弟兩個當中的一個，如一個標題h1元素後面緊跟了兩個段落p元素，我們想定位第一個段落p元素，對它應用樣式。我們就可以使用相鄰同胞選取器