第一種:簡單選擇器
1.通用選擇器：{}
2.元素選擇器：元素{}
3.id選擇器 #id名{}
4.類選擇器 .類名{}
5.群組選擇器：選擇器1，2，…n{}
6.後代選擇器：選擇器1 選擇器2…{}
7.子代選擇器：選擇器1>選擇器2…{}
8.偽類選擇器：
①元素:link 未訪問時；
②元素:visited 訪問後；
③元素:hover 滑鼠懸停；
④元素:active 元素啟用狀態下；
⑤元素:focus 獲得焦點時；
二、複雜選擇器
1.兄弟選擇器
①相鄰兄弟選擇器：選擇器1+選擇器2：獲取緊挨在選擇器1後的兄弟元素
②.通用兄弟選擇器：選擇器~選擇器：獲取元素後面所有符合條件的兄弟元素
2.屬性選擇器：
①[attr]{}
②[attr1][attr2]{}
③[attr=value]{}
④elem[attr=value]{}
⑤elem[attr1][attr2]{}
⑥[attr^=value]{}——開頭
⑦[attr$=value]{}——結尾
⑧[attr=value]{}——含有
⑨[attr~=value]{}——含有value這個單詞的元素（前後空格）
3.偽類選擇器
①目標偽類：元素:target{} 錨點被啟用時，讓錨點元素應用的樣式
②結構偽類：
元素:first-child{} 找大哥
元素 :last-child{}找小弟
元素 :nth-child(n)裡面有寫奇數和偶數 odd奇數 even 偶數 也可以寫1和2
③元素:empty：找內部無任何元素的標籤，文字，空格，回車也不能有
④元素:only-child{}：父元素的獨生子
⑤元素:ont(:選擇器)：否定偽類
⑥元素:first-letter{}：匹配元素的首行首字母
⑦元素:first-line{}：匹配元素首行
⑧元素:selection{}：匹配使用者選擇的文字
CSS選擇器的那些事兒
css選擇器用於明確當前css樣式，尤其是內聯樣式表和外聯樣式表考慮當前css樣式修飾的是那乙個，或者那些html標籤 html標籤名作為選擇器名字，可以用於修飾所有的對應當前簽名的html標籤 針對html標籤id屬性進行選擇修飾，並且id屬性具有唯一性 針對html標籤class屬性進行選擇修飾...
CSS中的那些選擇器
在css中，選擇器是一種模式，用於選擇需要新增樣式的元素 mydiv mydiv 星夜最帥啦 myid myid 星夜最帥啦 p 星夜最帥啦 div div,p 選擇所有元素和所有元素 div p 選擇元素內部的所有元素 div p 選擇父元素為元素的所有元素 div p 選擇緊接在元素之後的所有元...
CSS型別選擇器
最常見的為標籤選擇器 p a div 類選擇器，即在標籤中新增class 呼叫的時候在類名前加 如 標籤 呼叫 first id選擇器，即在標籤中新增id 呼叫的時候在id前加 如 標籤 呼叫 first 類選擇器與id選擇器看起來一樣，但是類選擇器可以建立多個，但是id選擇器只能建立乙個，是唯一的...