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

我們寫頁面時也不少遇到這個問題，在沒有使用任何預處理語言前提下，當 hover 乙個元素的時候怎麼改變其它的元素？

這裡我把它分為兩種情況(除自身以外)  

hover 時

1： 改變本身的子元素

2： 改變本身元素的兄弟元素

第一種情況最常見也相對好解決：

現在我們假設  class1 為父級元素， class2 為它的子級元素

html

<

div 
class
="class1"
>
<
div 
class
="class2"
>
div>
div>

.class1 .class2 .class1:hover .class2

第二種情況不是很常見：

現在我們假設  class1丶class2 為兄弟元素，這裡會用到 css3 的兄弟選擇器

html

<

div 
class
="class1"
>
div>
<
div 
class
="class2"
>
div>

.class1 .class2 .class1:hover + .class2

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

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

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

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

在乙個xib 中呼叫另外乙個xib

重複使用的控制項類 h 檔案 property strong,nonatomic uiview view property copy,nonatomic nsstring title m 檔案 import sfstatusselectview.h implementation sfstatusse...