CSS中的“:target”偽類用于選擇當前活動錨點所代表的元素。當用戶點擊頁面上的某個錨點時,“:target”偽類會應用于該錨點所指向的元素。
例如,如果頁面上有一個包含id屬性為“section1”的div元素,并且這個元素與頁面上的一個錨點(例如“#section1”)相關聯。當用戶點擊“#section1”錨點時,CSS中的“:target”偽類就會應用于id為“section1”的div元素。
下面是一個使用“:target”偽類的示例代碼:
/* 定義“:target”偽類的樣式 */ p:target { background-color: yellow; } /* HTML文檔中的示例元素 */在上面的代碼中,當用戶點擊某個錨點時,“:target”偽類會應用于相應的段落元素,從而將其背景顏色設置為黃色。 CSS中的“:target”偽類是一個有用的工具,它可以讓頁面上的不同部分根據用戶的操作而產生動態效果。如果您想為您的網站添加一些動態效果,嘗試使用“:target”偽類,您會發現它十分便捷和生動。這是第一個目標段落。
這是第二個目標段落。
/* 在文檔中添加兩個錨點,分別指向上面的兩個段落 */跳到第一個目標段落跳到第二個目標段落
上一篇css點 四個偽類
下一篇mysql建表顯示時間