[css] Cómo escribir: condición de desplazamiento para a: antes y a: después?



Answers

Escriba a:hover::before lugar de a::before:hover : example .

Question

Cómo escribir :hover y :visited condición :visited para a:before ?

Estoy intentando a:before:hover pero no funciona




Intenta usar .card-listing:hover::after hover y after usar :: it wil work




También puede restringir su acción a una sola clase usando el corchete con punta derecha (">"), como lo he hecho en este código:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style type="text/css">
    span {
    font-size:12px;
    }
    a {
        color:green;
    }
    .test1>a:hover span {
        display:none;
    }
    .test1>a:hover:before {
        color:red;
        content:"Apple";
    }
  </style>
</head>

<body>
  <div class="test1">
    <a href="#"><span>Google</span></a>
  </div>
  <div class="test2">
    <a href="#"><span>Apple</span></a>
  </div>
</body>

</html>

Nota: el control deslizante: antes del interruptor funciona solo en la clase .test1




Related