CSS三大基礎(chǔ)選擇器 3.ID選擇器
提問人：劉團圓發(fā)布時間：2020-11-17
元素選擇器和類選擇器其實都是對一類元素進(jìn)行選取和操作，假設(shè)需要對頁面中的眾多<P>標(biāo)簽中的某一個進(jìn)行選取和操作，使用類選擇器也可以達(dá)到目的，但是類選擇器畢竟是對一類或是一群元素進(jìn)行操作，如果單獨為某個元素使用類選擇器，就顯得不是那么合理，所以需要一個獨一無二的選擇器。ID選擇器就是這樣的，必定ID屬性的值是唯一的。
【例題】使用ID選擇器
HTML代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#myTxt{
font-size: 30px;
color:red;
}
</style>
</head>
<body>
<p>這是第1行文字</p>
<p id="myTxt">這是第2行文字</p>
<p>這是第3行文字</p>
<p>這是第4行文字</p>
<p>這是第5行文字</p>
</body>
</html>
CSS代碼如下：
<style>
#myTxt{
font-size: 30px;
color:red;
}
</style>
代碼在第二個<P>標(biāo)簽中設(shè)置了id屬性，并且也在CSS樣式表中對id進(jìn)行了樣式設(shè)置。具體的是讓id屬性值為myTxt的元素的字號大小為30像素，文字顏色為紅色，代碼運行效果如圖所示。
繼續(xù)查找其他問題的答案？
相關(guān)視頻回答
湘公網(wǎng)安備:43011102000856號 
點擊加載更多評論>>