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

CSS3 新增屬性和目標偽裝 1.:target

提問人:劉團圓發(fā)布時間:2020-11-19

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

1.:target

使用:target選擇器選取當前活動的目標元素。

【例題】使用:target選擇器

代碼如下:

<!DOCTYPE html>

<html>

<head>

<style>

div{

width: 200px;

height: 200px;

background: #ccc;

margin:20px;

}

:target{

background: #f46;

}

</style>

</head>

<body>

<h1>請點擊下面的鏈接</h1>

<p><a href="#content1">跳轉到第一個div</a></p>

<p><a href="#content2">跳轉到第二個div</a></p>

<hr/>

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

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

</body>

<html>

image.png

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

相關視頻回答
回復(0)
返回頂部