1、兄弟選擇器：①相鄰兄弟選擇器：元素的後一個兄弟元素，選擇器1+選擇器2；②通用兄弟選擇器：元素後的所有兄弟元素，選擇器1~選擇器2； 2、屬性選擇器：attr表示屬性名稱，elem表示元素名；①[attr]：頁面中所有帶有attr屬性的元素；②elem[attr]：頁面中所有帶attr屬性的el ...
1、兄弟選擇器：①相鄰兄弟選擇器：元素的後一個兄弟元素，選擇器1+選擇器2；②通用兄弟選擇器：元素後的所有兄弟元素，選擇器1~選擇器2；
2、屬性選擇器：attr表示屬性名稱，elem表示元素名；①[attr]：頁面中所有帶有attr屬性的元素；②elem[attr]：頁面中所有帶attr屬性的elem元素；③elem[attr1][attr2]……：頁面中所有既帶attr1屬性又帶attr2屬性……的elem元素；④elem[attr=value]：頁面中所有帶attr屬性，且其值為value的elem元素；⑤elem[attr~=value]：頁面中所有帶attr屬性且其值列表中包含獨立值value的elem元素（多用於元素class類屬性）；⑥elem[attr^=firstchar]：頁面中所有帶attr屬性且其值以firstchar（一個字母或字元串）開頭的elem元素；⑦elem[attr$=lastchar]：頁面中所有帶attr屬性且其值以lastchar（一個字元或字元串）結尾的elem元素；⑧elem[attr*=everchar]：頁面中所有帶attr屬性且其值包含everchar（一個字元或字元串）字元的elem元素；
3、目標偽類：~：target，凸顯html錨；
4、元素狀態偽類：①~：enabled，每個被啟用的元素；②~：disabled，每個被禁用的元素；③~：checked，每個被選中的元素（單選/覆選框）；
5、結構偽類：①~：first-child，其父元素的首個子元素；②~：last-child，其父元素的最後一個子元素；③~：nth-child（n），其父元素的第n個子元素；④~：empty，所有沒有子元素的元素（沒有子元素即沒有內容，沒有空格換行）；⑤~：only-child，其父元素中的唯一子元素；
6、否定偽類：~：not（selector），該元素中所有不滿足selector選擇器的元素；
7、偽元素選擇器：①~：first-line或~：：first-line，該元素的首行；②~：first-letter或~：：first-letter，該元素的首字元；③~：：selection，該元素下用戶選中區域部分；
8、計數器：①聲明/複位計數器：counter-reset：計數器名稱 值；（* 值可省，預設為0；可一次聲明多個，counter-reset：名1 值1 名2 值2……；計數器聲明不能放在使用的元素上；）；②計數器增量：counter-increment：計數器名稱 增量值；（* 不可省，預設值為1，放於使用元素中；）；③計數器調用：counter（計數器名稱）；（放於調用元素中）；
9、內容生成：①選擇器：：before和：after，生成位置前/後；②屬性：content，插入的內容，取值：url（）（插入圖像）/字元串（“純文本”）/計數器（有規律的數字）；
10、多列：①分割列：column-count：數字；②列間隔：column-gap：數字px；③列規則：column-rule：寬 樣式 顏色；（* 即列間隔邊框樣式）；④相容性：IE10+，Opera支持；
11、CSS Hack：①CSS類內部：樣式規則加首碼；-：IE6；+：IE7；②選擇器：選擇器加首碼：*：IE6；*+：IE7；③頭部引用：<！--[if 條件 IE 版本]>內容……<！[endif]-->；（* 條件：a、gt：大於；b、gte：大於等於；c、lt：小於；d、lte：小於等於；！非IE；）；④媒體查詢：@media screen{}；
