Duda sobre como hacer para "no heredar"

[gmansi]

Supongamos que tengo esto:

<div class="Normal">
<p>Este es un párrafo normal. Este es un párrafo normal. Este es un párrafo normal.</p>

<p>Este es otro párrafo normal. Este es otro párrafo normal. Este es otro párrafo normal. Este es otro párrafo normal.</p>


<div class="Caja">
Esta es un tipo Caja.
<p>Este texto esta dentro de una caja</p>
</div>

<p>Este es otro párrafo normal. Este es otro párrafo normal. Este es otro párrafo normal. Este es otro párrafo normal.</p>

</div>

¿Cómo debo hacer para que el texto en rojo no herede ciertas características del estilo "Normal" donde está contenido? Se que hay una orden que impide heredar las características del elemento donde está contenido pero no la encuentro.

¿O debo cerrar el div anterior antes de insertar la Caja?

[Mikmoro]

Lo que puedes hacer es contradecir esas órdenes, bien poniendo una clase al párrafo rojo o poniendo un selector como .caja p en la css y contradiciendo esas instrucciones.

Mikel.

[gmansi]

Iniciado por Mikmoro

Lo que puedes hacer es contradecir esas órdenes, bien poniendo una clase al párrafo rojo o poniendo un selector como .caja p en la css y contradiciendo esas instrucciones.

Mikel.

Correctísimo!!

Definí:

.Caja p {
font-size: 1em;
color: #003366;
}

.Caja p:first-letter {
font-size: 1em;
}

Para que dentro de la caja el texto quedara el texto en tamaño normal, con el color deseado y sin la primer letra más grande!!

Gracias y Karma!!

[Mikmoro]

De nada, es un placer.

Me alegro de que te haya funcionado a la primera, que suele ser poco habitual

Un saludo.

Mikel.