他のスタイルから継承する別のスタイル

Question

このようなスタイルがある場合

.Style1 
{ 
    background-color:white; 
} 

このようなスタイル2。

.Style2 
{ 
    border: black solid 1px; 
} 

Style2にStyle1を基本スタイルとして使用させるにはどうすればいいですか？

Malcolm

Answer 1

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

Answer 2

事は単に、これは任意の重複が発生した場合、要素は、その後スタイル2（スタイル2でSTYLE1を上書きSTYLE1を使用することを意味

class="style1 style2" 

（例）としてそれを使用することです例えば、両方とも同じプロパティを使用する場合は、最後のものが使用されます）。

Answer 3

私が知る限り、実際にこれを行う方法はありません。

あなたはもちろん、あなたが両方のクラス名

<div class="style1 style2">そして、この機能の欠如がOOCSS（オブジェクト指向CSS）の上昇があっただ理由ですが含まれるように、これらのスタイルを適用したいどんな要素作ることができます。 Lessのようなフレームワーク。

Answer 4

は、このメソッドを使用します。

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

Answer 5

CSSには、継承はありません。両方の性質

を持つことになりますSTYLE1今

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

：

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

それとも、単に同じスタイル名を使用することができます：あなたが相続するために得ることができ、最も近いあなたのHTML要素に2クラスを指定することです

Answer 6

あなたは使用することができ

<span class="style1 style2"> 

または

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

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

.Style2 { 
    border: black solid 1px; 
} 

Answer 7

で使用

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

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

STYLE1とスタイル2の両方が背景が白に設定されています。この方法を定義し、そしてのみスタイル2はまた、黒枠を有するであろう。