平時習慣用的一些選擇器 ，整理出來，
/*id選擇器*/
#banner
p.intro a
/*請將該樣式應用給應用了intro類的段落（p）所派生的每個
鏈結a,注意在p和.intro之間沒有空格 。這是在告訴css,這個
intro類必須專用於這個標籤()才有效。
*/p .intro a
/*以.intro類定義了樣式的任何標籤內部選擇乙個標籤，
它本身也是標籤的派生標籤。
*//**/
p.tip:before
li:first-child
input:focus
/*通用選擇器*/
*/*建立派生選擇器*/
h1 strong
li a
/*偽類pseudo-class和偽元素pseudo-element*/
/*給鏈結定義樣式*/
a:link{}
a:visited{}
a:hover{}
a:active{}
/*給段落定義樣式*/
.top:first-letter{}/*可以建立下落的首字母*/
.top:first-line{}/*可以用一種不同的顏色定義段落的首行*/
.top:after{}/*偽元素:after也會新增創造內容，但它是加在元素的後面，而不是前面。*/
li:first-child{}/*偽元素都能讓你只選擇和格式化該元素的第乙個子標籤*/
input:focus
/*選擇器只適用於元素處於焦點的時候*/
/*高階選擇器*/
/*子選擇器*/
div>h2
/*選擇div中包含的h2標籤*/
ul.mainlist>li>ul>li
/*選擇網頁上所有無序列表的專案——內嵌專案和所有專案*/
/*在html中，緊挨另乙個標籤之後出現的標籤被稱作鄰近同胞標籤*/
img + p{}/*鄰近同胞選擇器用加號+ 把乙個元素和下乙個元素連線起來。因此為了選擇每個img標籤後面的每個段落，就要用這個選擇器:img + p ,其中空格是可選的，因此img+p也可以。*/
img[title]/*屬性選擇器，css提供了一種根據其所具備的屬性給標籤設定樣式的方法。*/
.photo[title]/*將選擇每乙個帶有.photo類樣式和html的title屬性的元素。*/
a[href=
/*選擇表單中的文字框時，要使用這個選擇器*/
input[type="text"]
/*$=表示「以...結尾」
*/a[href$=".pdf"]
[a href$=".doc"]
/*用選擇器給指向word檔的鏈結設定格式*/
[a href&=".mov"]
/*用選擇器給指向電影檔的鏈結設定格式*/
/*給你這些**命名時都用上了"headshot"一詞，如
headshot_albert.jpg，等等.這些檔名中都有
"headshot"一詞，因此用來插入每張的
標籤的src屬性也包含"headshot"。你可以建立乙個
專用於那些的選擇器。
*/img[src*="headshot"]
/***解讀：請選擇src屬性中帶有"headshot"
一詞的所有。這是一種專門格式化那些的既簡單
又優雅的方法，但ie6不支援屬性選擇器。因此只有在所
缺樣式不會嚴重影響ie6對網頁的顯示時才會用到它們。
關於CSS選擇器
通用選擇器 這個選擇器不經常用，看著省事，問題也有。標籤選擇器 html標籤都可以進行設定，但是常用的如ul，li，a標籤等最好還是給乙個class或者id，乙個頁面中如果有多個相同標籤，容易混淆。類選擇器 類選擇器用得比較多，也比較方便。同乙個類名可以賦給多個標籤，同樣設定了樣式也可以進行重複使用...
關於CSS選擇器
css選擇器是css規則的一部分，它能夠告訴瀏覽器，相應的html元素的樣式規則。id選擇器，類選擇器，元素選擇器 屬性選擇器 屬性選擇器只對存在屬性的html元素有效，常見標籤的href屬性 url a href 偽類和偽元素選擇器 article 組合器選擇器 important style行內...
關於CSS選擇器
關於css選擇器部分摘自另一博友博文 關於css選擇器 css基本語法 1元素選擇器 直接選擇文件元素 比如head，p 2 類選擇器 元素的class屬性，比如 類名就是important important選擇所有有這個類屬性的元素 可以結合元素選擇器，比如p.important 3 id選擇器...