heredar de una clase

[mickeyy]

Hola. No se si se puede pero os explico que quiero hacer.
Quiero tener una clase que es
#tabla
{
border-color:#000000;
border-width: 1px;
border:solid;
}

y quiero que una casilla en este caso una celda1 herede las propiedades de tabla y poder redefinir otras. No se si esto es posible???

Otra duda que tengo es si habria alguna manera de definir algo tal que asi
tabla.td {
lista de propiedades
}

y que funcionase. Si sabeis de algun buen manual paso a paso os lo agradeceria.
Muchas gracias de antemano

[floren]

Si tienes

.tabla{
las propiedades que sean
}

para que otra clase las herede puedes poner

.tabla .laotraclase{

}

luego debes poner

<div class="tabla laotraclase">

</div>

(que me corrijan los más experimentados).


td, a, span, h1... se definen sus propiedades como

.tabla h1{}

o

.tabla a{}

sin el punto delante.

[PatomaS]

Hola

Les recomiendo revisar la página de selectores en la definición de las CSS 2.1.

Cuando separas dos elementos por un espacio, se aplica la regla de descendencia.

En el caso de poner <div class="tabla laotraclase">, estás asignando dos clases distintas al mismo elemento.

Por ejemplo, si defines:

Código:

.tabla h1

estás definiendo una serie de propiedades para los h1 descendientes del objeto que posea la clase tabla.

Sobre la pregunta inicial:

Para que un elemento descendiente de otro herede las propiedades definidias, está el valor inherit. Es importante destacar que no todas las propiedades son heredables.

Sobre

Código:

tabla.td

hay que mencionar que la idea es aplicable, pero no con esa sintaxis; si lo que quieres es aplicar propiedades a las td descendientes del objeto que posea la clase tabla, lo definirías así:
.tabla td {...}. Hay que mencionar que en ocasiones, algunas versiones del explorer se hacen un lío con esta definición, pero es la forma correcta.

Felicidad

[zeudio]

que bien explicado, tachado de la larga lista de cosas que no sabia jaja