-
繼續了解一下hover狀態的作用查看全部
-
Mmdn web docs，css使用說明，在線文檔查詢查看全部
-
本章講解偽元素選擇器查看全部
-
各種選擇器的適用范圍和規則，比較精細化查看全部
-
選擇器的作用范圍，選擇形式查看全部
-
大于號>，用于父子級別的選擇器查看全部
-
后代選擇器，一個層級嵌套的多種標簽屬于一個祖宗，可以用class+空格+標簽名稱，來控制這一代中的同類型標簽狀態查看全部
-
層級選擇器，類似于java的繼承一樣查看全部
-
類選擇器，加.的前綴，用于定義一個css功能查看全部
-
不同類型的選擇器，優先級別是不一樣的查看全部
-
id一定是唯一的，加#前綴，用于css的功能定義查看全部
-
初步學習到標簽選擇器，同名的查看全部
-
初步了解學習到“選擇器”的概念查看全部
-
初步學習到了選擇器的概念查看全部
-
放在head里面，是開發經驗查看全部
-
盡量減少加載資源的數量，選擇合并實現查看全部
-
壓縮狀態，就是將格式簡化成一行。同一個cSS代碼不進行換行顯示。節省字符數量查看全部
-
了解了精靈圖，雪碧圖的概念存在查看全部
-
表現與結構分離。網頁開發查看全部
-
結構性偽類選擇器
:first-child ul>li:first-child，ul下的第一個li元素（如果ul下第一個元素不是li，則匹配不到任何元素）
:last-child
:first-of-type div>p:first-of-type，div下的p標簽中的第一個
:last-of-type
:only-of-type div>p:only-of-type，匹配div下唯一的一個p元素
:nth-child(n) ul>li:nth-child(1)，ul下第一個li元素（序號從1開始）
:nth-child(odd) ul>li:nth-child(odd)，ul下的第奇數個li
:nth-child(even) ul下的第偶數個li
:not(selector) :not(div)，不選中div標簽
偽元素選擇器（不是匹配真實存在的html元素）
::first-letter p::first-letter，選擇p標簽中的第一行的第一個字母，并且文字所處的行之前不能有其他內容（注意只能用于塊級元素）
::first-line 在塊級元素的第一行應用樣式。第一行的長度取決于很多因素，包括元素寬度，文檔寬度和文本的文字大小。和其他所有的偽元素一樣，::first-line 不能匹配任何真實存在的 html 元素。
::before 在.box下的p元素內部的前面添加內容，通常會配合content屬性來為該元素添加裝飾內容。這個虛擬元素默認是行內元素。
.box>p::before {
content: "H";
display: inline-block;
}
::after
UI元素狀態偽類選擇器
:enabled
:disabled
:active
:visited
:hover
:focus
:read-only
:checked
查看全部 -
* 通配符選擇器，匹配html頁面中所有可見標簽
div 標簽選擇器，匹配所有同名標簽
# id選擇器
.? 類選擇器
層級選擇器
.content p 祖先后代選擇器，匹配class = content下的所有p標簽
div>p 父子選擇器，匹配div標簽下的直屬p標簽
.num + span 相鄰兄弟選擇器，匹配class = num標簽后面緊跟著的span標簽
.num ~ span 后續兄弟選擇器，匹配class = num標簽后面所有的span標簽
.num span, .menu p 分組選擇器，匹配class = num下的所有span標簽及class=? menu下的所有p標簽
屬性選擇器
[class] ，匹配具有class屬性的所有元素
查看全部 -
人rrrrrrrrrrrrrr
查看全部 -
一
deve高呵，突突突
查看全部 -
查看全部
-
圖記錄6666年26666666月
查看全部
舉報