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

CSS3 新增屬性和目標(biāo)偽裝 1.:target

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

在CSS3中具體新增的特性下面將一一介紹。

1.:target

使用:target選擇器選取當(dāng)前活動(dòng)的目標(biāo)元素。

【例題】使用:target選擇器

代碼如下：

<!DOCTYPE html>

<html>

<head>

<style>

div{

width: 200px;

height: 200px;

background: #ccc;

margin:20px;

}

:target{

background: #f46;

}

</style>

</head>

<body>

<h1>請(qǐng)點(diǎn)擊下面的鏈接</h1>

<p><a href="#content1">跳轉(zhuǎn)到第一個(gè)div</a></p>

<p><a href="#content2">跳轉(zhuǎn)到第二個(gè)div</a></p>

<hr/>

<div id="content1"></div>

<div id="content2"></div>

</body>

<html>

image.png

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

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