1. 程式人生 > >css後代選擇器

css後代選擇器

如果一個元素出現在文件層次結構中另一個元素的上層,則稱前者是後者的父元素。
父子關係是祖先-後代關係的特例。這二者之間有一個區別:在樹檢視中,如果一個元素在另一個元素的直接上一層,它們就有父子關係。如果從一個元素到另一個元素的路徑上要經過兩層或多層,這些元素則有祖先-後代關係,而不是父子關係(當然子元素也算是後代,父元素也算是祖先)

定義後代選擇器就是來建立一些規則,它們僅在某些結構中起作用

h1 em {}

ul ol ul ul em {} //不僅限於兩個選擇器

在某些情況下,可能並不想選擇一個任意的後代元素,而是希望縮小範圍,只選擇另一個元素的子元素。可以使用子結合符,即大於號(>)

h1 > strong {}

這個規則會選中h1下面出現的子元素strong,不是子元素的後代strong不會被選中