1．標籤選擇器
標籤選擇器，此種選擇器影響範圍大，建議盡量應用在層級選擇器中。
舉例：div ....
....
2．id 選擇器
通過 id 名來選擇元素，元素的 id 名稱不能重複，所以乙個樣式設定項只能對應於頁面上乙個元素，不能復用，id 名一般給程式使 用，所以不推薦使用 id作為選擇器。
舉例：#box ....
3．類選擇器
通過類名來選擇元素，乙個類可應用於多個元素，乙個元素上也可以使用多個類，應用靈活，可復用，是 css 中應用最多的一種選擇器。
舉例：.red .big .mt10
4．層級選擇器
主要應用在選擇父元素下的子元素，或者子元素下面的子元素，可與標籤元素結合使用，減少命名，同時也可以通過層級，防止命名衝突。
舉例：.box span .box .red .red
5．組選擇器
多個選擇器，如果有同樣的樣式設定，可以使用組選擇器。
舉例：.box1,.box2,.box3 .box1 .box2 .box2
6．偽類及偽元素選擇器
常用的偽類選擇器有 hover，表示滑鼠懸浮在元素上時的狀態，偽元素選擇器有 before 和 after,它們可以通過樣式在元素中插入內容。
舉例：.box1:hover .box2:before .box3:after
7．通配選擇器
如果html所有元素都需要定義相同的樣式，這時不妨使用通配選擇器。通配選擇器是固定的，用星號（*）來表示。
舉例：*
8．相鄰選擇器
相鄰選擇器，通過加號（+）分隔符進行定義。其基本結構是第乙個選擇器指定前面相鄰元素，後面的選擇器指定相鄰元素。
舉例：p+h2
9．兄弟選擇器
兄弟選擇器，通過波浪符號（~）分隔符進行定義。其基本結構是第乙個選擇器指定同級前置元素，後面的選擇器指定其後同級所有匹配元素。
舉例：p~h3
注：兄弟選擇器能夠選擇前置元素後同級的所有匹配元素，而相鄰選擇器只能選擇前置元素後相鄰的乙個匹配元素。
CSS選擇器介紹
由於這次專案突破性的選擇了做前台，所以開始學習css 選擇器的幾種格式 1 派生選擇器 1 body pbody中所有的p標籤都會滿足這一屬性，即使巢狀多層依舊滿足這個條件 2 body p 這樣只有body中第一層p標籤會被賦予這個屬性 可以和第一種方法結合起來用 2 id選擇器 1 tag將id...
CSS選擇器介紹
由於這次專案突破性的選擇了做前台，所以開始學習css 選擇器的幾種格式 1 派生選擇器 1 body pbody中所有的p標籤都會滿足這一屬性，即使巢狀多層依舊滿足這個條件 2 body p 這樣只有body中第一層p標籤會被賦予這個屬性 可以和第一種方法結合起來用 2 id選擇器 1 tag將id...
css選擇器介紹
總結什麼是css選擇器呢，首先需要了解一下css。css是 cascading 層疊 style 樣式 sheet 表 的簡稱，及層疊樣式表，css技術用來美化html頁面，html相當於蓋房子，css相當於裝修，使用css可以把樣式 和html分離。而裝修呢需要工具裝修，選擇器就是我們需要的裝修工...