首先得知道一個(gè)知識點(diǎn)，就是錨點(diǎn)刹碾。錨點(diǎn)就是a標(biāo)簽中的href屬性指向某個(gè)元素的id燥撞，點(diǎn)擊后瀏覽器會滾動到該元素的位置
:target偽類就是根據(jù)a標(biāo)簽上href的屬性錨點(diǎn)，為對應(yīng)的元素添加樣式
下面看一個(gè)案例迷帜，點(diǎn)擊test2標(biāo)簽物舒，看有什么變化
<div>
<a href="#test1">test1</a>
<a href="#test2">test2</a>
<a href="#test3">test3</a>
</div>
<div class="test">
<div id="test1"></div>
<div id="test2"></div>
<div id="test3"></div>
</div>
css樣式
.test div{
width: 100px;
height: 200px;
border: 1px solid palegreen;
}
.test div:target{
background:red;
}
點(diǎn)擊前每個(gè)div是沒有背景色的
點(diǎn)擊前.png
點(diǎn)擊test2后,test2背景色變成紅色，并且根據(jù)錨點(diǎn)滾動到test2
點(diǎn)擊test2后.png
錨點(diǎn)會在url加上hash戏锹，所以單頁面應(yīng)用hash模式下應(yīng)該注意這個(gè)問題
錨點(diǎn)會加上hash.png
