Wenn Sie mit der Maus über den Stil a fahren, wird die Hintergrundfarbe von a auf Gelb gesetzt.

Question

Das bedeutet: Wenn die Maus über dem Stil a schwebt, wird die Hintergrundfarbe von a auf Gelb gesetzt -color:gelb;

}

Dies ist die häufigste Verwendung, es ändert nur den Stil durch a

Verwendung 2:

Verwenden Sie a, um den Stil anderer Blöcke zu steuern:

Verwenden Sie a bis Steuere ein untergeordnetes Element b:

1

2

3

.a:hover .b {

                Hintergrundfarbe: blau;

    }

 

Verwenden Sie a, um a zu steuern Bruder Element c (gleiches Level-Element):

1

2

3

.a:hover + .c {

                                                                                   Verwendung   Verwendung   Verwendung   Verwendung   Verwendung   Verwendung           Verwendung Verwendung         durch Verwendung ‐ ‐ ‐ ‐ durch ‐ ‐ .

Verwenden Sie a, um a zu steuern. Das nächstgelegene Element d:

1

2

3

.a:hover ~ .d {

                                                                  

Zusammenfassend:

1. Es gibt kein Kontroll-Unterelement;

2. „+“ steuert benachbarte Elemente; eines Kästchens: Wenn die Maus über die Schaltfläche bewegt wird, stoppt die Bewegung des Kästchens, und wenn die Maus wegbewegt wird, bewegt sich das Kästchen weiter

Answer 1

相邻兄弟选择器（+）可选择紧接在另一个元素后的元素，且二者具有相同的父亲元素

兄弟选择器（~）可查找某一个指定元素的后面的所有兄弟结点