欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

target偽類選擇器指的是什么-創(chuàng)新互聯

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

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

target選擇器簡介

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

舉例：

<!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">推薦音樂</a><br />
        <a href="#movie">推薦電影</a><br />
        <a href="#article">推薦文章</a><br />
    </div>
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    <div id="music">
        <h4>推薦音樂</h4>
        <ul>
            <li>林俊杰-被風吹過的下圖</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>復仇者聯盟</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偽類選擇器指的是什么

分析：

當點擊錨點鏈接時，相應的target元素下的h4標簽字體顏色就會變?yōu)榧t色。

:target選擇器一般都是結合錨點鏈接來使用，更好地給讀者進行導航效果，這也是對用戶體驗非常好的一個做法。

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

網頁名稱：target偽類選擇器指的是什么-創(chuàng)新互聯
文章鏈接：http://chinadenli.net/article36/cochpg.html

成都網站建設公司_創(chuàng)新互聯，為您提供App設計、云服務器、網站設計、ChatGPT、外貿建站、網站排名

廣告

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

手機網站建設