css後代選擇器，相鄰兄弟選擇器，子元素選擇器

後代選擇器

element element

例：div p  將會選中div元素中的p元素

相鄰兄弟選擇器

element+element

例：div+p  將會選中div元素塊結束後緊跟著的p 元素，即形為...

的p元素會被選中

子元素選擇器

element>element

例：div>p  當div是p的

直接父元素時，p元素會被選中

和後代選擇器的區別，例當出現這是乙個段落

時，只有用後代選擇器，才能將p元素選擇出來

element,element

例：div,p   將會同時選中div和p元素

CSS後代選擇器,子選擇器和相鄰兄弟選擇器

平時在 練習中，經常用到後代選擇器，子選擇器也會用到，這裡做個總結 1，後代選擇器和子選擇器區別 寫法不一樣 後代選擇器的標識為 空格 如 ul li ul和li之間用空格隔開 子選擇器的標識為 如 ul li ul和li之間用 隔開 相鄰兄弟選擇器的標識為 如 h1 p h1和p之間用 隔開 功能...

CSS後代選擇器 子元素選擇器 相鄰兄弟選擇器

後代選擇器 後代選擇器 descendant selector 又稱為包含選擇器。後台選擇器可以選擇作為某元素後代的元素。例子 如果只希望h1元素中的em元素應用樣式，可以這樣寫 em元素 強調文字 h1 em this is a important paragraph.注意 如果寫作ul em，這...

CSS系列之後代選擇器 子選擇器和相鄰兄弟選擇器

css h1 em html html head style type text css h1 em style head body h1 this is a em important em heading h1 p this is a em important em paragraph.p bod...