91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

target偽類選擇器指的是什么

發布時間:2020-09-26 13:41:44 來源:億速云 閱讀:163 作者:小新 欄目:web開發

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

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>鋼鐵俠系統</li>
            <li>復仇者聯盟</li>
        </ul>
    </div>
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    ……<br />
    <div id="article">
        <h4>推薦文章</h4>
        <ul>
            <li>朱自清-荷塘月色</li>
            <li>余光中-鄉愁</li>
            <li>魯迅-阿Q正傳</li>
        </ul>
    </div>
</body>
</html>

效果如下:

target偽類選擇器指的是什么

分析:

當點擊錨點鏈接時,相應的target元素下的h4標簽字體顏色就會變為紅色。

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

看完了這篇文章,相信你對target偽類選擇器指的是什么有了一定的了解,想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

太和县| 北辰区| 伊金霍洛旗| 梓潼县| 阳山县| 西丰县| 兴海县| 蓝山县| 连云港市| 镇宁| 徐闻县| 中阳县| 林州市| 望城县| 凤阳县| 仙居县| 富顺县| 霞浦县| 乌恰县| 山东省| 安塞县| 呼伦贝尔市| 滁州市| 双鸭山市| 九江市| 和顺县| 乐平市| 新建县| 钟祥市| 柳江县| 玛纳斯县| 英德市| 庆安县| 泾阳县| 天峻县| 桂阳县| 灵丘县| 蒙阴县| 临泽县| 汉川市| 秦安县|