Cómo escribir CSS dentro de HTML?

[ramondevesa]

Muy buenas, quiero escribir la sentencia :hover dentro de un HTML ya que no puedo hacer el uso que quiero en el CSS y necesitaría meterlo dentro de la etiqueta con la que trabajo. Ya tengo el background.

Código HTML:

<div class="icon" style="background-color: #{{c.color}}">
 

y ahora necesitaría introducir el :hover de ese background en esa misma línea ¿cómo hacerlo? gracias!!

[pzin]

Puedes embeber estilos dentro de style, pero no selectores, y :hover es un selector, o una pseudo-clase más bien, pero no es una propiedad ni un valor de CSS.

¿Por qué no puedes hacerlo mediante algún archivo CSS? Sin eso te queda hacerlo mediante JavaScript.

[ramondevesa]

Por que estoy programando la plantilla con Twig y una de las caracteristicas que el sistema coge de la base de datos es el color en hexadecimal del hover y eso en Twig no sabría colocarlo en CSS pero en el Style del HTML si :)

[Carlangueitor]

Agrégale con Twig una clase, así puedes agregar el hover tranquilamente.


Saludos