|
導讀網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立... 網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。 本篇文章給大家帶來的內容是關于target偽類選擇器是什么？css: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 h3
{
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">
<h3>推薦音樂</h3>
<ul>
<li>林俊杰-被風吹過的下圖</li>
<li>曲婉婷-在我的歌聲里</li>
<li>許嵩-灰色頭像</li>
</ul>
</div>
……<br />
……<br />
……<br />
……<br />
……<br />
……<br />
<div id="movie">
<h3>推薦電影</h3>
<ul>
<li>蜘蛛俠系列</li>
<li>鋼鐵俠系統</li>
<li>復仇者聯盟</li>
</ul>
</div>
……<br />
……<br />
……<br />
……<br />
……<br />
……<br />
<div id="article">
<h3>推薦文章</h3>
<ul>
<li>朱自清-荷塘月色</li>
<li>余光中-鄉愁</li>
<li>魯迅-阿Q正傳</li>
</ul>
</div>
</body>
</html>效果如下：
分析： 當點擊錨點鏈接時，相應的target元素下的h3標簽字體顏色就會變為紅色。 :target選擇器一般都是結合錨點鏈接來使用，更好地給讀者進行導航效果，這也是對用戶體驗非常好的一個做法。 以上就是對target偽類選擇器是什么？css:target選擇器怎么用的全部介紹，如果您想了解更多有關CSS3教程，請關注PHP中文網。 以上就是target偽類選擇器是什么？css:target選擇器怎么用的詳細內容，更多請關注php中文網其它相關文章！ 網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發布的Win7純凈版系統、Win10純凈版和XP純凈版系統僅為個人學習測試使用，請在下載后24小時內刪除，不得用于任何商業用途，否則后果自負，請支持購買微軟正版軟件！
本站所有資源全部來自于網絡資源,如侵犯到您的權益,請及時通知我們(peng896066052@126.com),我們會及時處理.
Copyright © 2018-2020 雨林木風下載站
