es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo hacer visible el fondo par e impar en la impresión?

02 Aug, 2023 Programación

Como experto como usted, ¿cómo codificaría un fondo de tr de impares y pares para que sea visible al imprimir?

Intenté sin éxito agregarles !important en @media print

@media print {
  table > tr:nth-child(odd) {
    background: lightgrey!important;
  }
  table > tr:nth-child(even) {
    background: white!important;
  }
}

Saludos

Tags:  , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Practicar para codificar filas impares y pares con diferentes colores de fondo en una tabla para imprimir es usar el selector :nth-of-type. El selector :nth-child cuenta todos los hijos, no solo las filas de la tabla, por lo que puede que no produzca el resultado deseado. El selector :nth-of-type solo cuenta elementos del mismo tipo, por lo que es adecuado para estilizar las filas de la tabla.

    @media print {
  table tr:nth-of-type(odd) {
    background-color: lightgrey;
  }
  table tr:nth-of-type(even) {
    background-color: white;
  }
}

    Tenga en cuenta que la regla !important no es necesaria si no hay estilos en conflicto en la hoja de estilos.

Comments are closed.