CSS | ::después del selector

::after selector se usa para agregar el mismo contenido varias veces después del contenido de otros elementos. Este selector es el mismo que ::antes del selector.

Sintaxis:

::after{
        content:
}

A continuación, el código HTML/CSS muestra la funcionalidad de ::después del selector:

<!DOCTYPE html>
<html>
  
<head>
    <style>
        p::after {
            content: " - Remember this";
            background-color: blue;
        }
    </style>
</head>
  
<body>
    <h3>After Selector</h3>
    <p>User ID: @dmor1</p>
    <p>Name: dharam</p>
</body>
  
</html>

Producción:

Navegadores compatibles

  • Google Chrome 4.0
  • Borde 9.0
  • Firefox 3.5
  • Safari 3.1
  • Ópera 7.0
  • Nota: Internet Explorer 8 y Opera 4-6 son compatibles con un solo punto (:después)

    Publicación traducida automáticamente

    Artículo escrito por Vishal_Khoda y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *