這篇文章主要講解了“CSS3目標(biāo)偽類選擇器target怎么用”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“CSS3目標(biāo)偽類選擇器target怎么用”吧！
成都創(chuàng)新互聯(lián)專注于北鎮(zhèn)網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供北鎮(zhèn)營銷型網(wǎng)站建設(shè)，北鎮(zhèn)網(wǎng)站制作、北鎮(zhèn)網(wǎng)頁設(shè)計、北鎮(zhèn)網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務(wù)，打造北鎮(zhèn)網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供北鎮(zhèn)網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
一、怎么使用CSS3:target選擇器
target是CSS3偽類選擇器中的一種，用來匹配文本中某個標(biāo)志符的目標(biāo)元素。＃錨的名稱是在一個文件中鏈接到元素的url，元素被鏈接到目標(biāo)元素。:target選擇器可用于當(dāng)前激活的target元素的樣式。
具體來說，url中一般會包含一個#，后面帶一個名稱，如#aa,:target就是匹配id為"aa"的目標(biāo)元素。舉個例子：如一個頁面中有一個a標(biāo)簽，它的href如下：按鈕3，同一個頁面中也會有以box為id的元素，
那么a標(biāo)簽的href屬性會鏈接到#box中，也就是box:target選擇符所選的目標(biāo)元素，它所指定的樣式就是當(dāng)a鏈接到這個元素時候，目標(biāo)元素的樣式。比如你如果想改變鏈接指向#tab的元素字體大小，你可以這樣設(shè)置：#tab:target{font-size:30px}。
二、CSS3:target實例
就單純用CSS實現(xiàn)，點擊標(biāo)題1，跳轉(zhuǎn)到content1，點擊標(biāo)題,2，跳轉(zhuǎn)到content2的效果。
HTML部分：
標(biāo)題1
標(biāo)題2
標(biāo)題3
CSS部分：
:target
{
border:2pxsolid#D4D4D4;
background-color:#e5eecc;
font-size:25px;
}
感謝各位的閱讀，以上就是“CSS3目標(biāo)偽類選擇器target怎么用”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對CSS3目標(biāo)偽類選擇器target怎么用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！
重慶分公司
重慶分公司
