/* Agrega contenido antes del contenido del elemento seleccionado */
h2::before {
    content: "👉";
}

/* Agrega contenido después del contenido del elemento seleccionado */
h2::after {
    content: "👈";
}

/* Aplica estilos solo a la primera línea de texto dentro del elemento */
p::first-line {
    font-weight: bold;
    color: green;
}

/* Aplica estilos solo a la primera letra del texto dentro del elemento */
p::first-letter {
    color: red;
    font-size: 2em;
}

/* Aplica estilos al texto seleccionado por el usuario */
p::selection {
    color: green;
    background-color: black;
}

/* Aplica estilos al texto de marcador de posición dentro de un input */
#comentario::placeholder {
    color: green;
}

/* Permite estilizar el marcador de lista de elementos */
li::marker {
    color: red;
}