CSS :first-child 選擇器

時間 2019-11-29

標籤 css child 選擇器欄目 CSS 简体版

原文原文鏈接

:first-child選擇器對於類的選擇中html

<!DOCTYPE html>
<html>
<head>
<style>
.a:first-child
{
background-color:yellow;
}
</style>
</head>
<body>

<p class = 'a'>這個段落是其父元素（body）的首個子元素。</p>

<h1>歡迎訪問個人主頁</h1>
<p class = 'a'>這個段落不是其父元素的首個子元素。</p>

<div>
<p class = 'a'>這個段落是其父元素（div）的首個子元素。</p>
<p class = 'a'>這個段落不是其父元素的首個子元素。</p>
</div>

<p><b>註釋：</b>對於 IE8 及更早版本的瀏覽器中的 :first-child，必須聲明 <!DOCTYPE>。</p>

</body>
</html>

可是一旦咱們把div下第一個class a去除後瀏覽器

<!DOCTYPE html>
<html>
<head>
<style>
.a:first-child
{
background-color:yellow;
}
</style>
</head>
<body>

<p class = 'a'>這個段落是其父元素（body）的首個子元素。</p>

<h1>歡迎訪問個人主頁</h1>
<p class = 'a'>這個段落不是其父元素的首個子元素。</p>

<div>
<p>這個段落是其父元素（div）的首個子元素。</p>
<p class = 'a'>這個段落不是其父元素的首個子元素。</p>
</div>

<p><b>註釋：</b>對於 IE8 及更早版本的瀏覽器中的 :first-child，必須聲明 <!DOCTYPE>。</p>

</body>
</html>

未變黃code

first-child的要求。首元素，且符合的類htm

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。