css ¿Cómo escribir: condición de desplazamiento para un: antes y un: después?



3 Answers

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

css css-selectors pseudo-element pseudo-class

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

Estoy intentando a:before:hover pero no funciona




Intente usar .card-listing:hover::after hover y after usar :: wil work




También puede restringir su acción a solo una clase usando el corchete puntiagudo correcto (">"), 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 elemento flotante: antes de que el interruptor funcione solo en la clase .test1




Related