Creo que no me has entendido: debes contradecir los parámetros de cada etiqueta. No sirve de nada que le des un estilo al div que contiene el resto de elementos, si esos elementos tienen estilos globales marcados.
Es decir: si tu tienes un estilo para "p" en la css, aunque a un div que contenga "pes" le digas que tenga tal estilo, no sirve de nada si no contradices el estilo global en la propia etiqueta "p", porque al encontrarla le aplicará el estilo definido para todas las "pes".
En este caso tienes 3 opciones:
1.- defines un estilo en las etiquetas "p" del archivo que insertas: <p style="...>
2.- le das una clase sólo a las "pes" que no quieres que sean afectadas y defines esa clase: <p class="noestilo">, y la css: .noestilo {font-size: 10px;}
3.- cambias tus estilos globales para que sólo afecte a determinadas "pes", no a todas, en función del contenedor donde se encuentren. Por ejemplo:
si tengo 3 bloques div (uno, dos y tres), y las "pes" de los bloques uno y dos deben llevar los estilos globales, pero las del bloque tres no, pongo esto en la css:
#uno p, #dos p { font: 12px Verdana, Arial, Helvetica, sans-serif;}
De esta manera, las "pes" de los bloques uno y dos tendrán un tamaño de 12px, pero las del bloque 3 no.
Mira este sencillo ejemplo:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type" />
<title>temaqueja</title>
<style>
#uno p, #dos p {font: 12px Verdana, Arial, Helvetica, sans-serif;
color: blue;
}
#tres p {font: 10px Verdana, Arial, Helvetica, sans-serif;
color: red;
}
</style>
</head>
<body>
<div id="uno">
<p>Este texto está en el bloque uno, y por eso tiene
un tamaño de 12px y color azul</p>
</div>
<div id="dos">
<p>Este texto está en el bloque dos, y por eso tiene
un tamaño de 12px y color azul</p>
</div>
<div id="tres">
<p>Este texto está en el bloque tres, y por eso tiene
un tamaño de 10px y color rojo</p>
</div>
<div id="cuatro">
<p>Este texto está en el bloque cuatro, que no
está definido, y por eso tiene
el tamaño y color predefinido en el navegador</p>
</div>
</body>
</html>
Puedes ver el ejemplo aquí:
http://www.menoslobos.com/mikel/foro...temaqueja.html
Mikel.