Heredar de otro estilo en un otro estilo

Question

Si tiene un estilo como este

.Style1 
{ 
    background-color:white; 
} 

Y el estilo 2 de esta manera.

.Style2 
{ 
    border: black solid 1px; 
} 

¿Cómo consigo que Style2 tenga Style1 como estilo base ???

Malcolm

Answer 1

<... class="style2 style1" ..> 

Answer 2

la cosa aquí es utilizar simplemente como (ejemplo)

class="style1 style2" 

esto significa que el elemento utilizará el style1 entonces style2 (anulando style1 con style2 si se produce cualquier solapamiento por ejemplo, si usa la misma propiedad en ambos, se usará la última).

Answer 3

Por lo que sé, no hay realmente una manera de hacer esto.

Se podría, por supuesto, hacer cualquier elemento que desea aplicar los estilo para incluir ambos nombres de clase <div class="style1 style2">

Y la falta de esta funcionalidad es la razón por la que ha habido un aumento en OOCSS (CSS orientada a objetos). Y frameworks como Less.

Answer 4

El uso de este método:

<div class="Style1"> 
    <div class="Style2">bla bla bla</div> 
</div> 

Answer 5

No hay herencia en CSS. Lo más cerca que se puede llegar a la herencia es mediante la especificación de 2 clases en sus elementos HTML:

<div class="Style1 Style2">..</div> 

O puede simplemente usar el mismo nombre de estilo:

.Style1 { background-color:white; } 
.Style1 { border: black solid 1px; } 

ahora Style1 tendrán ambas propiedades

Answer 6

Usted podría utilizar

<span class="style1 style2"> 

o definir

span { /* define base styles for all spans here */ } 

span.style1 { /*inherits styles from span, and adds specific styles to that */ } 

Utilización con

<p>Normal p text and <span>style</span>, <span class="style1">style 1 type text</span>.</p> 

Answer 7

.Style1, .Style2 { 
    background-color:white; 
} 

.Style2 { 
    border: black solid 1px; 
} 

De esta manera Style1 y Style2 ambos tendrán el fondo establecido en blanco, y sólo Style2 también tendrá un borde negro.