CSS hover選擇器的使用詳解

2021-10-02 01:43:59 字數 756 閱讀 8518

hover選擇有很多種使用方式

>


>


>


#a:hover


#a:hover > #b:first-child


#a:hover > #b


#a:hover + #c


#a:hover + #c > #b


style


>


'a'>


元素1 'b'>


元素2div


>


'b'>


元素2div


>


div>


'c'>


元素3 'b'>


元素2div


>


div>


body


>


html


>


#a:hover


#a:hover > #b:first-child


#a:hover > #b


#a:hover + #c
注意：當對非直系元素進行處理時，只能處理向下的非直系元素，向上的非直系元素是不受控制的

#a:hover + #c > #b
注意：當對非直系元素進行處理時，只能處理向下的非直系元素，向上的非直系元素是不受控制的

CSS hover選擇器的使用

有些時候需要用到mouseover和mouseout這兩個滑鼠事件，但是寫js又比較麻煩，還要新增監聽事件，所以能用css解決的東西盡量yongcss解決，這樣可以提高效能，下面說一下我對 hover 的了解 之前在學計算機應用的時候，老師教我們使用了 hover選擇器來完成下拉列表，之前只知道怎麼...

CSS hover選擇器的使用詳解

有些時候需要用到mouseover和mouseout這兩個滑鼠事件，但是寫js又比較麻煩，還要新增監聽事件，所以能用css解決的東西盡量yongcss解決，這樣可以提高效能，下面說一下我對 hover 的了解 之前在學計算機應用的時候，老師教我們使用了 hover選擇器來完成下拉列表，之前只知道怎麼...

選擇器的使用

定義 使用css將樣式應用於特定的html元素，需要找到這個元素。在css中，執行這一任務的樣式規則部分稱為選擇器 selector 選擇器的介紹 p html h2html 中國佛教em 文化h1 op html id op 這是乙個選擇器的例子p op html class op 海賊王人物介紹...