Duda para que un div class no se imprima

[skat]

Hola,
veréis tengo este <div class="field-label"> que casi siempre va dentro de otros div class.
El caso es que cuando va dentro de este otro <div class="field field-predefinido2"> no quiero que se imprima.

¿Cómo puedo poner eso en mi archivo css?

Muchas gracias

[pzin]

Puedes usar @media para indicar los estilos a la hora de imprimir el documento.

Código CSS:

@media print {
  .field.field-predefinido2 .field-label {
    display: none;
  }
}
 

[skat]

Hola!
muchas gracias por la respuesta, lo acabo de subir a mi style.css pero se sigue imprimiendo. Habrá que poner almohadilla o separación?

Muchas gracias!

[pzin]

En principio no hace falta nada mas.

Lo que hace eso, es que teniendo algo así:

Código HTML:

<div class="field field-predefinido2">
  Hola
  <div class="field-label">
    ¿qué tal?
  </div>
</div>
 

No imprimiría el "¿qué tal?" a la hora de imprimir el documento —impresión física se entiende.

[skat]

pzin, efectivamente esa es la idea. Por si pudiera ser de utilidad, por ejemplo en esta url http://www.devivencias.net/reflexion...facundo-cabral lo que quiero es que no se imprima "predefinido" y para ello he copiado en el style.css

Código CSS:

@media print {
  .field.field-predefinido2 .field-label {
    display: none;
  }
}
 

Sin embargo, como puedes ver se sigue mostrando

Muchas gracias!!

[pzin]

Pues está bien en principio. Tal vez haya otra regla sobreescribiendo esta última. Prueba con !important a ver si se puede forzar, y en caso de que funcione, intenta averiguar qué es lo que se está sobreescribiendo, que no debería de usarse demasiado lo de !important, al menos si se puede evitar mejor.

Código CSS:

display: none !important;
 

Usa highlight cuando publiques código.