css3學習總結 常見的選擇器

2022-07-26 12:42:11 字數 549 閱讀 5624

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選擇器總結

繼承性 子標籤繼承父標籤樣式,預設優先順序最低。有繼承性 文字相關字型樣式 粗細 大小 顏色 型別等 無繼承性 盒子模型相關邊框 背景等 層疊性 相同標籤繼承和定義的樣式累加到一起互不衝突。優先順序 離標籤越近的選擇器優先順序越高,所以相同權重的樣式後者才生效 內聯樣式表 頭部樣式表 匯入樣式表。權...