target偽類(lèi)選擇器指的是什么-創(chuàng)新互聯(lián)

小編給大家分享一下target偽類(lèi)選擇器指的是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比青川網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式青川網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋青川地區(qū)。費(fèi)用合理售后完善，10余年實(shí)體公司更值得信賴。

target選擇器簡(jiǎn)介

:target選擇器用于選取頁(yè)面中的某個(gè)target元素。那什么是target元素呢？target元素，說(shuō)白了就是該元素的id被當(dāng)做頁(yè)面的超鏈接來(lái)使用。很難理解？還是上個(gè)菜給大家品嘗一下先吧。

舉例：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
    <title>CSS3 :target選擇器</title>
    <style type="text/css">
        :target h4
        {
            color:red;
        }
    </style>
</head>
<body>
    <div>
        <a href="#music">推薦音樂(lè)</a><br />
        <a href="#movie">推薦電影</a><br />
        <a href="#article">推薦文章</a><br />
    </div>
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    <div id="music">
        <h4>推薦音樂(lè)</h4>
        <ul>
            <li>林俊杰-被風(fēng)吹過(guò)的下圖</li>
            <li>曲婉婷-在我的歌聲里</li>
            <li>許嵩-灰色頭像</li>
        </ul>
    </div>
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    <div id="movie">
        <h4>推薦電影</h4>
        <ul>
            <li>蜘蛛俠系列</li>
            <li>鋼鐵俠系統(tǒng)</li>
            <li>復(fù)仇者聯(lián)盟</li>
        </ul>
    </div>
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    <div id="article">
        <h4>推薦文章</h4>
        <ul>
            <li>朱自清-荷塘月色</li>
            <li>余光中-鄉(xiāng)愁</li>
            <li>魯迅-阿Q正傳</li>
        </ul>
    </div>
</body>
</html>

效果如下：

target偽類(lèi)選擇器指的是什么

分析：

當(dāng)點(diǎn)擊錨點(diǎn)鏈接時(shí)，相應(yīng)的target元素下的h4標(biāo)簽字體顏色就會(huì)變?yōu)榧t色。

:target選擇器一般都是結(jié)合錨點(diǎn)鏈接來(lái)使用，更好地給讀者進(jìn)行導(dǎo)航效果，這也是對(duì)用戶體驗(yàn)非常好的一個(gè)做法。

看完了這篇文章，相信你對(duì)target偽類(lèi)選擇器指的是什么有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)頁(yè)名稱(chēng)：target偽類(lèi)選擇器指的是什么-創(chuàng)新互聯(lián)
文章鏈接：http://muchs.cn/article36/cochpg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、云服務(wù)器、網(wǎng)站設(shè)計(jì)、ChatGPT、外貿(mào)建站、網(wǎng)站排名

廣告

聲明：本網(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)

手機(jī)網(wǎng)站建設(shè)