選擇器分組
通配選擇器
類選擇器
- 應用樣式而不考慮具體涉及的元素 只需要在元素中設定class屬性。例如：.header
- 多類選擇器 .header .info
id選擇器
- 根據元素的id設定樣式屬性值 例如：#divid2
屬性選擇器
- 根據元素的屬性值，來選擇元素： 例如： a[href][title]
- 根據具體的屬性值來選擇元素，例如：intput[type="text"]
- 根據部分屬性值選擇，例如：
- 「^ 」 表示以什麼開頭 例如：div[class^="cloud"]
- 「$」 表示以什麼結尾 例如：div[class$="cloud"]
- 「」 表示含有什麼元素 例如：div[class="cloud"]
後代選擇器
- 表示後代中含有的元素，例如：div p,表示div中所有p元素
- 選擇子元素，例如：div>p 表示div中的直接子元素為p的元素
偽類選擇器
- 連線偽類 :link 表示未訪問的位址，:visited 表示已訪問位址
- 動態偽類 :focus 表示當前擁有輸入焦點的元素 :hover 表示指標停留在哪個元素上 :active 啟用某元素
偽元素選擇器
- :first-letter 首個字母 :first-line 首行
- :before 在元素前 :after 在元素後 例如： div:after
CSS3基礎知識 選擇器
參考 一 屬性選擇器 1 e attr 表示存在 attr 屬性,但沒有確定任何屬性值 表示屬性值 完全等於val 表示的屬性值裡包含 val字元並且在 任意 位置 表示的屬性值裡包含 val字元並且在 開始 位置 表示的屬性值裡包含 val字元並且在 結束 位置 效果與 e attr val 相反...
CSS選擇器 層疊相關的基礎知識
css是cascading style sheets的英文縮寫，即層疊樣式表。css2.1是w3c於2007年發布，現在推薦使用的。css3現在還處於開發中，有部分瀏覽器的新版本支援。解決內容與表現分離的問題。實現網頁風格的統一，並且容易修改。外部樣式表可以極大提高工作效率。使用css可以減少網頁的...
CSS入門基礎知識（六） 復合選擇器
emmet語法的前身是zen coding，它使用縮寫來提高html css的編寫速度。1 生成標籤直接輸入標籤名按tab鍵即可 2 生成多個相同標籤，加上 即可 3 生成父子級關係的標籤，可以用 4 生成兄弟關係的標籤，可以用 5 生成帶有類名的或者id名字的，直接寫.demo或者 demo 6 ...