與后代選擇器相比,子元素選擇器(Child selectors)只能選擇作為某元素子元素的元素。
如果您不希望選擇任意的后代元素,而是希望縮小范圍,只選擇某個(gè)元素的子元素,請(qǐng)使用子元素選擇器(Child selector)。
例如,如果您希望選擇只作為 h1 元素子元素的 strong 元素,可以這樣寫(xiě):
h1 strong {color:red;}
這個(gè)規(guī)則會(huì)把第一個(gè) h1 下面的兩個(gè) strong 元素變?yōu)榧t色,但是第二個(gè) h1 中的 strong 不受影響:
h1 This is strong very /strong strong very /strong important. /h1 h1 This is em really strong very /strong /em important. /h1
親自試一試
如果從右向左讀,選擇器 h1 strong 可以解釋為“選擇作為 h1 元素子元素的所有 strong 元素”。
上面的選擇器會(huì)選擇作為 td 元素子元素的所有 p 元素,這個(gè) td 元素本身從 table 元素繼承,該 table 元素有一個(gè)包含 company 的 html' target='_blank'>class 屬性。
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答