什麼是target偽類？先看一下解釋：
url後面跟錨點#，指向文件內某個具體的元素。這個被鏈結的元素就是目標元素(target element)，:target選擇器用於選取當前活動的目標元素。
舉個例子：
<html
>
<
a href
="#target"
>點我
a>
<
div
id="target"
><
div>
html
>
正常情況下，a標籤裡會跟乙個url，但是在這裡我們新增的不是url，而是乙個錨點，當我們點選a時，本頁面的url後面會新增上"#target"，並且，id為target的div塊就處於了當前活動狀態
那麼，這究竟有什麼用呢？
其實這用處可多了，可以利用這種特性，不使用js就能實現一些互動效果
還是上面的**，為其新增css
#target:not(:target) #target:target
如果我們不點選a元素，div元素就不顯示，如果我們點選了a元素，div就顯示成乙個100*100，並且擁有紅色邊框的塊；
如果了解了這種簡單的用法，我們就可以用它實現一些稍微複雜一點的東西，比如可以實現乙個自由切換的tab欄，或者乙個可以進入和退出的導航欄
合理利用target偽類可以減少js的使用，不僅可以實現頁面的優化，也可以讓**結構更加清晰
CSS3 target偽類簡介
css3 target偽類是眾多實用的css3特性中的乙個。它用來匹配文件 頁面 的uri中某個標誌符的目標元素。具體來說，uri中的標誌符通常會包含乙個 字元，然後後面帶有乙個標誌符名稱，比如 respond，target就是用來匹配id為respond的元素的。現在在頁面中，點選乙個id鏈結後，...
target偽類製作tab選項卡
target偽類的作用是突出顯示活動的html錨，下面是乙個簡單的例子 html 1 div 2 a href demo1 點選此處 a 3div 4 div id demo1 測試結果 div css 1 target 點選a元素之後，目標元素 demo1的樣式發生了變化，變化的樣式即css 所寫...
css3結構性偽類選擇器 target
target選擇器稱為目標選擇器，用來匹配文件 頁面 的url的某個標誌符的目標元素。我們先來上個例子，然後再做分析。html content for brand css menusection target 演示結果 分析 1 具體來說，觸發元素的url中的標誌符通常會包含乙個 號，後面帶有乙個標...