Ereditare da un altro stile in un altro stile

Question

Se avere uno stile come questo

.Style1 
{ 
    background-color:white; 
} 

E lo stile 2 come questo.

.Style2 
{ 
    border: black solid 1px; 
} 

Come si ottiene Style2 per avere Style1 come stile di base ???

Malcolm

Answer 1

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

Answer 2

la cosa qui è di usare semplicemente come (ad esempio)

class="style1 style2" 

questo significa che l'elemento utilizzerà lo style1 poi stile2 (override style1 con stile2 qualora si verifichi una sovrapposizione ad esempio se si utilizza la stessa proprietà in entrambi verrà utilizzato l'ultimo).

Answer 3

Per quanto ne so, non c'è davvero un modo per farlo.

Si potrebbe ovviamente fare qualunque elemento che si desidera applicare quei stile per includere entrambi i nomi delle classi <div class="style1 style2">

E la mancanza di questa funzionalità è la ragione c'è stato un aumento della OOCSS (Object Oriented CSS). E quadri come Less.

Answer 4

Utilizzare questo metodo:

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

Answer 5

Non c'è alcuna eredità in CSS. Il più vicino si può arrivare a ereditarietà è specificando 2 classi nei vostri elementi HTML:

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

Oppure si può semplicemente utilizzare lo stesso nome dello stile:

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

Ora Style1 avrà entrambe le proprietà

Answer 6

Si potrebbe utilizzare

<span class="style1 style2"> 

o definire

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

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

Utilizzo 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; 
} 

In questo modo Style1 e Style2 saranno entrambi hanno lo sfondo impostato su bianco, e solo Style2 avrà anche un bordo nero.