anular estilos

Patriarka · #1 (**permalink**) 22/04/2011, 09:59

Hola gente,
bueno tengo un problema raro.
y surge desde que inserte un div dentro dinamico dentro de un tr
donde cada td tiene este estilo:

Código CSS:

Ver original#feedback-list td {
border-bottom: 1px solid #E4E4E4;
height: 35px;
}

y esto hace que el td que contiene el div tome esos estilos
quedando algo fuera de este mundo.

la pregunta es: ¿como hago para anular los estilos de un td o tag en particular?

gracias

zerokilled · #2 (**permalink**) 22/04/2011, 10:39

buenas,
no, no puedes anular los estilos salvo eliminando el estilo en si. supongo lo que tu quieres es, evitar que se hereden? ese es el funcionamiento propio de CSS, por eso tiene el nombre de Cascading, aunque no todas las propiedades son heredables. lo que puedes hacer es crear otra regla que funcione como valores por defecto para los elementos que quieres anular los estilos.

laratik · #3 (**permalink**) 22/04/2011, 10:50

Si es un div dinámico me imagino que debes utilizar javascript, no se si exista un selector que se refiera al padre de un elemento, lo que si se es que se puede referenciar al padre desde javascript, lo cual puedes aprovechar para quitar los estilos que necesitas desde javascript, no se si es más o menos lo que necesitas, pero es lo que se me ocurre rápidamente.

JavierB · #4 (**permalink**) 22/04/2011, 10:53

Hola, Patriarka

Muevo tu tema al foro de CSS desde HTML.

Saludos,

Patriarka · #5 (**permalink**) 22/04/2011, 11:46

es verdad laratik, voy ver con js script

style.propiedad=''; //lo dejo en vacio
pero me jode esto

#feedback-list td {}

el #feedback-list hace que todos los td tengan ese estilo

laratik · #6 (**permalink**) 22/04/2011, 13:04

No entiendo mucho cual es tu duda, pues claro que tu recla afecta a todos los elementos que esten dentro del elemento llamado #feedback-list y que sean td, pero al cambiar el estilo mediante javascript solo se lo estas cambiando al padre del div dinámico. Un sencillo ejemplo de lo que menciono:

Código HTML:

<html> 
<head>
<script>
function dinamico() {
    var div = document.createElement("div");
	div.innerHTML = "3";
	var parent = document.getElementsByTagName("td").item(2);
	parent.appendChild(div);
	parent.style.borderBottom = "none";
	parent.style.height = "auto";
}
</script>

<style>
td {
border-bottom: 1px solid #E4E4E4;
height: 35px;
}
</style>
</head> 
 
<body onLoad="dinamico()"> 
<table>
<tr><td>1</td><td>2</td></tr>
<tr><td colspan="2"></td></tr>
</table>
</body> 
</html>

la regla css afecta a todos los td de la pagina, pero como se cambia el padre del div dinámico, este mantendrá son los estilos otorgados a su etiqueta. Espero que este claro. SALUDOS.

Tedel · #7 (**permalink**) 25/04/2011, 10:31

Solo dale un id diferente a lo que quieras cambiar, y asígnale nuevas opciones.