選擇器有兩種：基礎選擇器和復合選擇器
復合選擇器：多個基礎選擇器組合
後代選擇器（重要）：
ol li
ol li a
.xuanzheqi ol li a
子選擇器：必須選親兒子 元素1>元素2
並集選擇器：最好豎著寫
div,p
div,p,.xuanzheqi li
偽類選擇器：用冒號（:）表示 比如:hover :first-child
鏈結選擇器：a:link //選擇所有未被訪問的鏈結
a:visited //選擇所有已被訪問過的鏈結
a:hover //選擇滑鼠位於其上的鏈結
a:active //選擇活動鏈結（滑鼠按下未彈起的鏈結）
:focus偽類選擇器用於選取獲得焦點的表單元素
焦點游標，一般情況類表單元素才能獲取，因此這個選擇器也主要真對於表單元素來說。
input:focus
等等基礎選擇器有四種：標籤選擇器、id選擇器、類選擇器（最常用的）、萬用字元選擇器。
標籤選擇器：
標籤名
id選擇器：
#id名
類選擇器：
.類名
萬用字元選擇器：
* //萬用字元選擇器不需要調節，直接給所有的元素使用樣式
css選擇器 CSS選擇器總結
在前不久的專案中，實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義，從而導致這個全域性的樣式讓 所有頁面都出現了問題，然後我就只...
CSS選擇器 復合選擇器
選擇器 名稱 說明 css 版本 通用選擇器 選擇所有元素 2元素選擇器 選擇指定型別的元素1 id 選擇器 選擇指定 id 屬性的元素1.class 選擇器 選擇指定 class 屬性的元素 1 attr 系列 屬性選擇器 選擇指定 attr 屬性的元素 2 3 s1,s2,s3 分組選擇器 選擇...
CSS選擇器 屬性選擇器
最近重新學習了css3，發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...