[SOLUCIONADO] Override de un stylo dentro de un div ?

[tonnot]

Tengo un Div donde quiero redefinir un estilo existente, pero solo para este ambito.
Es posible ?

Código HTML:

<div> 
<style type="text/css">
p {
    font-family: Arial, Helvetica, sans-serif;  font-size: 100%;
    color: #F00; text-align: left;  
}
</style>
 
</div>
 

Ya se que podría definir /aplica la clase / una clase . Pero quiero ir a lo minimalista....
Alguna idea ? Gracias

[pzin]

No se puede no.

Lo que puedes hacer es aplicar una clase o identificador a ese div, por ejemplo:

Código HTML:

<div class="destacado">
  <p></p>
</div>
 

Y luego especificar en el CSS los estilos del párrafo contenido en esa clase:

Código CSS:

div.destacado p {
  color: red;
}
 

Lo muevo al foro de CSS.

[tonnot]

A ver si me explico -.....
Tengo

Código HTML:

<div class "loquesea">
<p class "header">asdasd</p>
<p> Hola</p>
<p>Que tal estas</p>
</div>
 

Bueno pues quiero tener en css 3 clases:

Código CSS:

.loquesea 
.header
.loquesea p
 

Pero no lo consigo hacer ya que el estilo "header" se "contamina" con el .loquesea p.....
A ver si me echais un cable. Muchas gracias.

[Triby]

No se contamina, simplemente hereda.

Ahora, si quieres un titular/encabezado, creo que es más conveniente usar la etiqueta adecuada, tienes para elegir desde <h1 /> hasta <h6 />

[pzin]

tonnot cuando publiques código intenta usar highlight o code para remarcar el código. Y no abras un tema nuevo si es la continuación de otro.

Puedes hacer varias cosas, como usar last-child:

Código CSS:

.loquesea p:last-child {}
 

Así sólo afectaría al último elemento.

Aunque si tienes muchos elementos, esto no te servirá, claro. Entonces podrías usar not():

Código CSS:

.loquesea p:not(.header) {}
 

Y como comenta Triby, tal vez sería más indicado usar un encabezado.

[tonnot]

Gracias. Creo que si, lo mejor es un H