Dziedziczenie z innego stylu w innym stylu

Question

Jeśli masz styl jak ten

.Style1 
{ 
    background-color:white; 
} 

i styl 2 tak.

.Style2 
{ 
    border: black solid 1px; 
} 

Jak ustawić styl Style2 jako styl bazowy?

Malcolm

Answer 1

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

Answer 2

rzeczą jest, aby po prostu wykorzystać jako (przykład)

class="style1 style2" 

to znaczy element użyje style1 następnie style2 (nadrzędny style1 z style2 jeśli wystąpi nakładania np. jeśli użyjesz tej samej właściwości w obu, zostanie użyta ostatnia).

Answer 3

O ile mi wiadomo, nie ma na to sposobu.

Można oczywiście zrobić cokolwiek elementem chcesz stosować te obejmują zarówno styl do nazwy klas <div class="style1 style2">

A brak tej funkcji jest powód nastąpiła wzrost OOCSS (Object Oriented CSS). I frameworków takich jak Less.

Answer 4

Zastosowanie tej metody:

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

Answer 5

Nie ma dziedziczenie w CSS. Najbliżej można dostać się do spadków jest przez podanie 2 zajęcia w swoich elementów HTML:

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

Albo można po prostu użyć tej samej nazwy styl:

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

Teraz Styl1 będzie miał zarówno właściwości

Answer 6

można użyć

<span class="style1 style2"> 

lub zdefiniować

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

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

Korzystanie z

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

ten sposób Styl1 i Styl2 będą oba tło ustawiony na biały i tylko Styl2 będzie również mieć czarne obramowanie.