03 高階選擇器

***03-高階選擇器

使用空格表示後代選擇器。顧名思義，父元素的後代（包括兒子，孫子，重孫子）

1

.container p
4.container .item p

使用》表示子代選擇器。比如div>p,僅僅表示的是當前div元素選中的子代(不包含孫子....)元素p。

1

.container>p

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

1

/*並集選擇器*/
2h3,a

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td 

/*使用此並集選擇器選中頁面中所有的標籤，頁面布局的時候會使用*/

使用.表示交集選擇器。第乙個標籤必須是標籤選擇器，第二個標籤必須是類選擇器 語法：div.active

比如有乙個這樣的標籤。

那麼

1h45

.active
9/* 交集選擇器 */
10h4.active

它表示兩者選中之後元素共有的特性。

03 高階選擇器

級選擇器分為 後代選擇器 子代選擇器 並集選擇器 交集選擇器 後代選擇器 使用空格表示後代選擇器。顧名思義，父元素的後代 包括兒子，孫子，重孫子 container p container item p style head body div id box class wrap div id box...

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

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

高階選擇器

高階選擇器 並集選擇器 p,ul 交集選擇器 p.odd 交集選擇器中間不能有空格等其他符號 後不能是標籤選擇器 多個類樣式的引用 多個類樣式的優先順序只與編寫有關，與引用順序無關 層次選擇器 後代選擇器 body p 子選擇器 body p 相鄰兄弟選擇器 active p 通用兄弟選擇器 act...