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