css中 有關偽類hover用法注意事項

2021-09-02 22:04:48 字數 689 閱讀 6668

最近博主在用偽類hover的時候遇到問題,不論博主怎麼寫都不能控制到某個博主想要控制的元素,於是乎就去查了一下到底偽類hover是怎麼用的,然後就總結了一下。

第一種元素 a 控制a的子元素 b

html**:

css**如下:

.a:hover  .b
第二種

元素 a 控制 a 的同級元素 c (即使兄弟元素)

html**:

css**:

.a:hover  + .c
第三種

元素 a控制 就近元素 d

css**:

.a:hover ~.d
這裡要說一下這個所謂的就近元素,我根據意思嘗試一下,如果父類中只有乙個子元素,用這個能不能操作,結果得出結論是不能的。然後我就試圖就近來打破規矩,然後就有了以下的**

結果確實能操作到.d,所以我就猜想這個就近可能跟同級元素差不多,也有可能是中間很多的.c都沒有操作,所以就不算.c是就近元素,把.d當做了就近元素。

到底這個就近元素博主還沒有**完,以後有時間**完了之後,我會及時更新這篇文章。

Hover偽類實用特效

一 文字偽類bug解決辦法 在文字下面設定滑鼠移入出現下劃線的時候,通常會發現下劃線出現了但文字卻有向上移動的現象。這是因為文字與底部之間被有厚度的下劃線填充所造成的,文字與底部的距離 下劃線的厚度 文字就會向上移動。只需要設定同樣厚度的上邊框就可以抵消對文字的影響,同時上邊框需要和背景顏色相同,這...

python中有關類和物件的基本用法

類 是指具有相同屬性,和行為方法 函式 的物件,的抽象的集合。物件 是指類的具體例項化 在python中如何宣告乙個類 格式 class 類名 父類 class people object pass pass 沒有實際意義,只是為了保證語法的完整性,object 基類,頂級父類 所有類的父類 cla...

css偽類,偽元素

偽類作用於整個元素,比如 a link a hover div first child 儘管這些條件都不是基於dom的,但結果沒乙個都是作用於乙個完整的元素,比如整個鏈結,段落,div等等 偽元素作用於元素一部分,比如 p first line p first letter 偽元素作用於元素的一部分...