位置：首頁(yè) > 軟件操作教程 > 編程開發(fā) > CSS > 問題詳情

CSS 3.CSS - :first - child偽類

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

    可以使用:first-child偽類來(lái)選擇元素的第一個(gè)子元素。

    【例題】使用:first-child偽類

    代碼如下：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

ul li:first-child{

color:red;

}

</style>

</head>

<body>

<ul>

<li>items1</li>

<li>items2</li>

<li>items3</li>

<li>items4</li>

</ul>

</body>

</html>

    以上代碼在HTML文檔樹中寫入了一個(gè)無(wú)序列表，使用:first-child偽類選擇第一個(gè)<li>元素，并且對(duì)它設(shè)置了文字顏色，代碼運(yùn)行效果如圖所示。 

image.png

繼續(xù)查找其他問題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部