Wie aktiviere ich Link- und Div-Element gleichzeitig?

Question

Wenn ich mit der Maus über das div-Element fahre, leuchtet nur es auf, der Link jedoch nicht. Gibt es eine Möglichkeit, die Schaltfläche insgesamt heller zu machen, anstatt zuerst den Hintergrund der Schaltfläche und dann den Link aufzuhellen?

Kaufen

Kaufen

Kaufen

a: besucht { weiße Farbe } a:hover:visited{ Farbe: RGB (180, 179, 179); } eine Verbindung { weiße Farbe; Hintergrundfarbe: RGB(180, 179, 179); } a:hover { Farbe: RGB (180, 179, 179); Hintergrundfarbe: Weiß } div.b{ weiße Farbe; Hintergrundfarbe: RGB(180, 179, 179); } div.b:hover{ Farbe: RGB (180, 179, 179); Hintergrundfarbe: Weiß } a:link { Textdekoration: keine } a:visited { Textdekoration: keine } a:hover { Textdekoration: keine } a:active { Textdekoration: keine } Ich habe alles versucht, was ich weiß

Answer 1

试一试

.b:hover {
  background: #ccc;
}

.b:hover a {
  background: green;
}

/* 或者 */
.b a:hover {
  color: red;
}

https://codepen.io/roma3z/pen/QWxapdB