1.只有在目標獨特,**上只有乙個標示時,用 id ; 別的最好使用類名,利於引擎搜尋,不建議使用後代直接巢狀標籤元素,可以巢狀類名。即使使用sass依舊如此。
1.型別選擇器 p div
2.類選擇器
3.id選擇器
4.偽類
4.1 鏈結偽類
a:link a:visited
4.2 動態偽類
input:hover :focus :active
5.通用選擇器
* 選取所有元素 ,不推薦使用,即使是樣式重置,希望乙個個寫出來
6.子選擇器 兄弟選擇器用+ .div1 + div2
7.屬性選擇器
input[type="reset"]
2. 層疊和繼承
層疊是說,後面如果出現與前面一樣的元素選擇,會覆蓋掉前面的元素。
div div;
繼承是說,繼承公用的一些樣式,可以優化**。
body 頁面所有元素都會顯示20px
3.建議 外聯式引入樣式
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素,則不會被選擇。符號之前書寫父級的選擇器,符號之後寫子級選擇器,必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
css3選擇器總結
選擇器分為 共分為10種 基本選擇器 萬用字元 元素選擇器 e id選擇器 id 類選擇器 class 群組選擇器 selectori,selectorv 瀏覽器對選擇器都可使用 層次選擇器 後代選擇器 e f 子選擇器 e f 相鄰兄弟選擇器 e f 通用選擇器 e f 偽類選擇器 一般有 lin...
css3選擇器總結
繼承性 子標籤繼承父標籤樣式,預設優先順序最低。有繼承性 文字相關字型樣式 粗細 大小 顏色 型別等 無繼承性 盒子模型相關邊框 背景等 層疊性 相同標籤繼承和定義的樣式累加到一起互不衝突。優先順序 離標籤越近的選擇器優先順序越高,所以相同權重的樣式後者才生效 內聯樣式表 頭部樣式表 匯入樣式表。權...