CSS hover 父對子 子對父 同級之間的控制

2021-10-24 10:06:08 字數 533 閱讀 9033

1,父對子

是指父元素觸發hover事件,並且控制父元素中的子元素做出響應。

hello

.d1:hover .p1

當滑鼠移入d1時觸發hover事件,其子元素p1的color變為#fff

2,子對父

是指子元素觸發hover事件時,其父元素做出相關相應。

hello

.p1:hover ~ .d1

使用~號標籤來實現對上層元素的控制,當然通過該標籤其實是可以控制任意元素的,不僅僅是父元素。

3,同級控制

指處在統一層級的元素的hover控制關係。

hello

hello

.d1:hover + .d2

.d1:hover + .d2 .p1

同級元素之間可用+號進行控制。

connect by prior(父找子,子找父)

詳見com.ninetowns.ssh2frame.userdataperm.service.impl.userdatapermmanageimpl connect by prior connect by prior start with 經常會被用到乙個表中存在遞迴關係的時候。比如我們經常會將乙個...

vue 父傳子,子傳父

父元件向子元件傳值 父 子元件新增行內便簽v bind message orderlistname 之定義傳引數orderlistname 13 子 接受傳值內容props message 父頁面傳值內容,以this.message賦值。父元件 子元件 子元件向父元件傳值 子傳值 傳送傳值內容 th...

詳述父類構造方法對子類影響

首先說明,當乙個類中沒有定義構造方法,則預設有乙個隱式的無參構造方法,其結構如下 public 類名 super super 用於呼叫父類構造方法,它必須位於構造方法方法體的第一行有效 位置 this 用於呼叫本類構造方法,它也必須位於構造方法方法體的第一行有效 位置 當定義了乙個有參構造方法,便沒...