Cita:
Iniciado por juancete 
Hola, tengo una clase2 dentro de una clase1
.clas1 .clas2 {
/* varias cosas */
}
Ahora me gustaria una clase3 que herede de clase2 y cambie alguna propiedad, y lo estoy haciendo asi:
.clas2.clas3{
/* varias cosas */
}
Recapitulemos:
Tienes definida una clas2 dentro de una clas1.
Ahora quieres que la clas3 coja la definición de la clas2 y añada algunas cosas más.
Bien, pues en este caso, debería bastar con que definieras .clas3 en la css, y luego en el html pusieras:
<td class="clas2 clas3">texto</td>
Claro, siempre que esa etiqueta siga estando dentro de clas1, porque si no, como has definido los estilos de clas2 sólo cuando esté dentro de clas1, si esta etiqueta está fuera de clas1, los estilos de clas2 no los cogerá.
Como parece un poco lioso te pongo un ejemplo:
Cita: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="es-es">
<head>
<title>Cien por cien de alto</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<style type="text/css">
.clas1 { margin: 0px;
text-align: left;
}
.clas1 .clas2 { background-color: rgb(204, 204, 204);
font-size: 20px;
}
.clas3 { border: 1px solid rgb(255, 102, 0);
}
</style>
</head>
<body>
<div class="clas1">Un texto cualquiera que define
cómo se veran las cosas que estén
dentro de clas1 solamente.
<div class="clas2">Un texto cualquiera que define
cómo se verá;n las cosas que estén
dentro de clas2 solamente, cuando clas2 esté dentro de
clas1.
</div>
<div class="clas2 clas3">Un texto cualquiera que define
cómo se verán las cosas que estén
dentro de la etiqueta con las clases 1 y 3 (clas clas3), siempre que se
encuentren dentro de clas1.
</div>
</div>
</body>
</html>
Mikel.
