CSS 子元素選擇器

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-17

與后代選擇器相比，子元素選擇器（Child selectors )只能選擇作為某元素的子元素的元素。

如果不希望選擇任意后代元素，而是希望縮小范圍，只選擇某個(gè)元素的子元素，那么請(qǐng)使用子元素選擇器（Child selector)。

【例題】使用子元素選擇器

希望選擇只作為h1元素的子元素的strong元素，可以這樣寫:

hi > strong {color:red;}

這個(gè)規(guī)則會(huì)把第一個(gè)h1下面的兩個(gè)strong元素變?yōu)榧t色，但是第二個(gè)hi中的strong不受影響:

<hl>This is <strong>very</strong> <strong>very</strong> important.</hl>

<hl>This is <em>really <strong>very</strong></em> important.</hl>

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

h1 > strong {color:red;}

</style>

</head>

<body>

</body>

</html>

相關(guān)視頻回答

回復(fù)(0)