css之hover改變另外乙個元素的狀態

2021-08-21 14:30:53 字數 339 閱讀 3723

以前也遇到過hover乙個元素,顯示或者隱藏另乙個元素的場景,如果是父子元素關係,這種非常好寫,在選擇器後加乙個空格,跟上另乙個選擇器就行了, 

例如classa:hover classb

但是有時不是父子元素關係,加空格就不行,以前都時用less這種css預處理語言寫的,稀里糊塗就出效果了,這次用styus,非常不習慣,遇到這樣乙個場景,元素是兄弟關係,用老寫法不出效果 

於是查了查,發現原生css是用到了css3的兄弟選擇器 

classa: hover+classb

生效 以前幾乎沒用過這個冷門的選擇器,一時之間沒想起來,特此記錄

css之hover改變另外乙個元素的狀態

以前也遇到過hover乙個元素,顯示或者隱藏另乙個元素的場景,如果是父子元素關係,這種非常好寫,在選擇器後加乙個空格,跟上另乙個選擇器就行了,例如classa hover classb 但是有時不是父子元素關係,加空格就不行,以前都時用less這種css預處理語言寫的,稀里糊塗就出效果了,這次用st...

CSS hover 改變另外乙個元素狀態

我們寫頁面時也不少遇到這個問題,在沒有使用任何預處理語言前提下,當 hover 乙個元素的時候怎麼改變其它的元素?這裡我把它分為兩種情況 除自身以外 hover 時 1 改變本身的子元素 2 改變本身元素的兄弟元素 第一種情況最常見也相對好解決 現在我們假設 class1 為父級元素,class2 ...

乙個html介面與另外乙個html介面之間傳遞資料

兩個html介面之間的資料傳遞出了通過後台邏輯進行傳遞之外,如果通過ajax來傳遞的話,一些後台傳遞過來的值不能夠正確的傳遞到前台介面上面去。有一種方法,就是先將後台傳遞進來的資料先放到乙個隱藏的文字框中,然後傳遞給另外乙個介面文字框中的內容,就可以做到兩個頁面直接的資料傳遞。隱藏文字框 ajax請...