CSS3目標(biāo)偽類選擇器target怎么用

這篇文章主要講解了“CSS3目標(biāo)偽類選擇器target怎么用”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“CSS3目標(biāo)偽類選擇器target怎么用”吧！

成都創(chuàng)新互聯(lián)專注于北鎮(zhèn)網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供北鎮(zhèn)營(yíng)銷型網(wǎng)站建設(shè)，北鎮(zhèn)網(wǎng)站制作、北鎮(zhèn)網(wǎng)頁(yè)設(shè)計(jì)、北鎮(zhèn)網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務(wù)，打造北鎮(zhèn)網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供北鎮(zhèn)網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

    一、怎么使用CSS3:target選擇器

    target是CSS3偽類選擇器中的一種，用來(lái)匹配文本中某個(gè)標(biāo)志符的目標(biāo)元素。＃錨的名稱是在一個(gè)文件中鏈接到元素的url，元素被鏈接到目標(biāo)元素。:target選擇器可用于當(dāng)前激活的target元素的樣式。

    具體來(lái)說(shuō)，url中一般會(huì)包含一個(gè)#，后面帶一個(gè)名稱，如#aa,:target就是匹配id為"aa"的目標(biāo)元素。舉個(gè)例子：如一個(gè)頁(yè)面中有一個(gè)a標(biāo)簽，它的href如下：按鈕3，同一個(gè)頁(yè)面中也會(huì)有以box為id的元素，<divid="box">相關(guān)內(nèi)容3</div>

    那么a標(biāo)簽的href屬性會(huì)鏈接到#box中，也就是box:target選擇符所選的目標(biāo)元素，它所指定的樣式就是當(dāng)a鏈接到這個(gè)元素時(shí)候，目標(biāo)元素的樣式。比如你如果想改變鏈接指向#tab的元素字體大小，你可以這樣設(shè)置：#tab:target{font-size:30px}。

    二、CSS3:target實(shí)例

    就單純用CSS實(shí)現(xiàn)，點(diǎn)擊標(biāo)題1，跳轉(zhuǎn)到content1，點(diǎn)擊標(biāo)題,2，跳轉(zhuǎn)到content2的效果。

    HTML部分：

    <p>標(biāo)題1</p>

    <p>標(biāo)題2</p>

    <p>標(biāo)題3</p>

    <pid="news1"><b>content1</b></p>

    <pid="news2"><b>content2</b></p>

    <pid="news3"><b>content3</b></p>

    CSS部分：

    :target

    {

    border:2pxsolid#D4D4D4;

    background-color:#e5eecc;

    font-size:25px;

    }

感謝各位的閱讀，以上就是“CSS3目標(biāo)偽類選擇器target怎么用”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)CSS3目標(biāo)偽類選擇器target怎么用這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

名稱欄目：CSS3目標(biāo)偽類選擇器target怎么用
分享鏈接：http://bm7419.com/article24/gocgce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、虛擬主機(jī)、全網(wǎng)營(yíng)銷推廣、網(wǎng)站建設(shè)、商城網(wǎng)站、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)