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 海賊王人物介紹...