溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要講解了“CSS3目標偽類選擇器target怎么用”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“CSS3目標偽類選擇器target怎么用”吧！
一、怎么使用CSS3:target選擇器
target是CSS3偽類選擇器中的一種，用來匹配文本中某個標志符的目標元素。＃錨的名稱是在一個文件中鏈接到元素的url，元素被鏈接到目標元素。:target選擇器可用于當前激活的target元素的樣式。
具體來說，url中一般會包含一個#，后面帶一個名稱，如#aa,:target就是匹配id為"aa"的目標元素。舉個例子：如一個頁面中有一個a標簽，它的href如下：按鈕3，同一個頁面中也會有以box為id的元素，<divid="box">相關內容3</div>
那么a標簽的href屬性會鏈接到#box中，也就是box:target選擇符所選的目標元素，它所指定的樣式就是當a鏈接到這個元素時候，目標元素的樣式。比如你如果想改變鏈接指向#tab的元素字體大小，你可以這樣設置：#tab:target{font-size:30px}。
二、CSS3:target實例
就單純用CSS實現，點擊標題1，跳轉到content1，點擊標題,2，跳轉到content2的效果。
HTML部分：
<p>標題1</p>
<p>標題2</p>
<p>標題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目標偽類選擇器target怎么用”的內容了，經過本文的學習后，相信大家對CSS3目標偽類選擇器target怎么用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
