高階 屬性 偽類 偽元素選擇器 標準文件流

2022-05-08 00:45:06 字數 605 閱讀 8640

*

高階選擇器 : 

交集選擇器 :

/*交集選擇器,第乙個必須是標籤選擇器,第二個必須是類選擇器 */
並集選擇器:為什麼要重置樣式? 是為了更好頁面布局

多個選擇器之間使用逗號隔開,表示選中的頁面中的多個標籤,一些共性的元素,可以使用並集選擇器;

屬性選擇器 :

偽類選擇器 : 偽類選擇器一般會用在超連結a標籤中,使用a標籤的偽類選擇器,我們一定要遵循"愛恨準則" love hate 

沒有被訪問的a標籤的樣式  a:link

訪問過後的a標籤的樣式  a:visited

滑鼠懸停時a標籤的樣式  a:hover

滑鼠按住的時候a標籤的樣式  a:action

偽類選擇器:

p:after

具體說明偽元素選擇器:

alex

lala

哈哈哈啦啦啦

王老吉

標準文件流:

行內 , 塊     標籤都是佔位置

一旦標籤浮動了,該標籤就會浮動起來,不佔位置;

(1)脫離了標準文件流;

(2)可以設定寬高;

(3)不佔位置;

屬性選擇器,偽類選擇器,偽元素選擇器

屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...

03 高階選擇器,屬性選擇器,偽類選擇器

使用空格表示後代選擇器。顧名思義,父元素的後代 包括兒子,孫子,重孫子 container p container item p view code 使用 表示子代選擇器。比如div p,僅僅表示的是當前div元素選中的子代 不包含孫子.元素p。container pview code 多個選擇器之...

CSS之偽類選擇器 偽元素

偽元素a link 未訪問的鏈結 a visited 訪問過的鏈結 a hover 滑鼠移動到鏈結上 a active 按住滑鼠不動的時候 提示 在 css 定義中,a hover 必須被置於 a link 和 a visited 之後,才是有效的。提示 在 css 定義中,a active 必須被...