.LESSを使用して同じコンテナ内の2つの他の要素からスタイルを継承します。

Question

私は.LESSが新しく、同じコンテナ内の宣言された要素に対して同じ規則を繰り返さないようにするために、それをするの。

これまでのところ、私が持っている：私が好きな

.outer-container { 
.inner-container1, .inner-container2 { 
    padding: 0; 
    margin-top: 8px; 
    } 
.inner-container3 { 
    background: none; 
    border-top: none; 
} 
} 

何がそれぞれにそれを繰り返すことなく、font-size: 12pxを持っている.inner-container1、.inner-にcontainer2と.inner-container3ためです。それは可能ですか？

Answer 1

単純にCSS属性セレクタを使用できます。

div[class^="inner-container"] 

あなたが別のクラスが呼び出さ作ることができるCSSの属性セレクタについてのインナーコンテナ

詳細情報MDN

div[class^="inner-container"] { 
 
    font-size: 12px; 
 
}

<div class="outer-container"> 
 
    <p>I'm an outsider :(</p> 
 
    <div class="inner-container1"> 
 
    <p>Dude, i'm in </p> 
 
    </div> 
 
    <div class="inner-container2"> 
 
    <p>me too!!<p> 
 
    </div> 
 
</div>