☰

CSS クラスは 1 つ以上の他のクラスを継承できますか? 質問する

tag-icon • tag-icon css
CSS クラスは 1 つ以上の他のクラスを継承できますか? 質問する

別の CSS クラス (または複数のクラス) から「継承」する CSS クラスを作成することは可能ですか。

たとえば、次のような状況があるとします。

.something { display:inline }
.else      { background:red }

私がやりたいことは次のようなものです:

.composite 
{
   .something;
   .else
}

「.composite」クラスはインラインで表示され、背景は赤になります。

ベストアンサー1

次のようなツールがあります少ない、これにより、説明した内容と同様に、より高い抽象レベルで CSS を作成できます。

Lessはこれを「Mixin」と呼んでいます

の代わりに

/* CSS */

#header {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#footer {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

あなたは言えた

/* LESS */

.rounded_corners {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

#header {
  .rounded_corners;
}

#footer {
  .rounded_corners;
}

おすすめ記事