2

私の質問は簡単ですが、インターネット上でそれに関するドキュメントが見つかりませんでした。適切なキーワードで検索しなかったのかもしれません...

という名前の CSS クラスを例にとるとcentered、要素を中央に配置したり、その他の処理を行ったりします。

newsclass のすべての要素は、たとえば から継承されていると言いたいですcentered。

いくつかの解決策があります：

  • centeredinのすべての要素を宣言するnews

    .centered { X; Y; Z } .news { X; Y; Z; A; B }

  • HTML で my タグを 2 つのクラスで宣言します。

    .centered { X; Y; Z } .news { A; B }

    <div class="news centered">...</div>

私はこのようなことをするためのコードを検索します:

.centered { X; Y; Z }
.news { all_the_properties_of_centered; A; B }

それから私は私のニュースを宣言します

<div class="news">...</div>

出来ますか ？

4

4 に答える 4

1

LESS CSS (またはSASS ) を確認する必要があります。これは、まさにあなたが望むことを行うことができ、他にも多くの素晴らしい可能性を提供します。

于 2013-05-16T10:09:15.380 に答える
1

最も簡単な方法は

.centered, .news { X; Y; Z }
.news { A; B }
于 2013-05-16T10:09:52.920 に答える
1

いいえ、CSS にはextend. ただし、このように書くことができます

.centered, .news { X; Y; Z }
.news { A; B } /* adding rules */

まあ、実際には が含まれていますがinherit、別の CSS クラスから継承するという意味ではありませんが、デフォルトの要素スタイルから、Hanky Panky のコメントを参照してください。

于 2013-05-16T10:10:03.007 に答える
0

このような組み合わせには、以前は Zen コーディングとして知られていたEmmetを使用することをお勧めします。論理的に構築されていれば、高速で非常に生産的です。

于 2013-05-16T10:33:59.773 に答える