CSS - Añadir clases a elementos Dinamicamente con CSS Media Queries

 
Vista:
sin imagen de perfil
Val: 17
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Añadir clases a elementos Dinamicamente con CSS Media Queries

Publicado por Felipe De Jesus (7 intervenciones) el 10/06/2019 19:59:05
Hola colegas, como lo escribí en el titulo necesito poder agregar dinámicamente una clase a un elemento usando reglas @media en css suponiendo algo parecido a lo siguiente:

1
2
3
4
5
@media only screen and (max-width: 979px) {
  .sample {
    include .secondclass
  }
}

De esta manera estaría agregando una clase sin alterar su apariencia hasta que se visualize con esa regla en esa resolucion, ¿como puedo hacer esto?
Posdata: Obviamente el codigo que escribi lo inventé, solo es un ejemplo de lo que quisiera hacer, Gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 870
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Añadir clases a elementos Dinamicamente con CSS Media Queries

Publicado por joel (252 intervenciones) el 11/06/2019 08:00:48
Hola Felipe, no se si te he entendido bien, pero tal y como lo tienes, lo tienes correctamente...

En este código de ejemplo, cuando la pantalla del usuario tenga una resolución de 979 o menos mostrara en este caso el fondo de color rojo:
1
2
3
4
5
@media only screen and (max-width: 979px) {
  body {
    background-color:red;
  }
}

Te sirve?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar