2

<input type="submit"/>内のすべてのスタイルを設定する場合は<div class="control-group control-connected">、<form>次のタイプのセレクターを適用できます。

form div.control-group.control-connected input[type=submit]{}

<button>ただし、これらのタイプのdiv内の要素もスタイル設定したいとします。

これを行うよりも効率的な方法はありますか？

form div.control-group.control-connected input[type=submit],form div.control-group.control-connected button

その実装はかなり言葉遣いであり、冗長であるように思われますが、私はこのようなことをすることができるべきではありませんか？

form div.control-group.control-connected (input[type=submit], button)
4

6 に答える 6

2

より短い方法は、共通のスタイルを共有する要素にクラス名を使用することです。

于 2012-04-05T13:51:09.897 に答える
0

よりコンパクトな構文を使用したい場合は、LESSを使用する必要があると思います。

于 2012-04-05T13:51:14.810 に答える
0

これをチェックして

http://sass-lang.com/

sass lang は CSS を消去します

于 2012-04-05T13:51:24.807 に答える
0

具体性が必要な場合は、あなたが言及した表記法を使用してください。現在、目的を達成するためのネイティブ CSS ミックスインの広範なサポートはありません。

CSS を使用した開発者の生産性に関心がある場合は、SASS を試してみることをお勧めします: http://sass-lang.com/

于 2012-04-05T13:52:40.200 に答える
0

CSS でのネストがサポートされるまでは、そのように記述するか、 LESSやSASSなどの何らかのプリプロセッサを使用して、読みやすいスタイルシートを記述できるようにする必要があります。

注: LESS、SASS、およびその他のバリアントでは、Web サイトに表示する前に、入力形式 (LESS、SASS など) から CSS に変換する必要があります。これを自動的に行う方法があります (サーバー側とクライアント側の両方)。

LESS での例

form div.control-group.control-connected {
 input[type=submit], button {
  /* Styles here */
 }
}
于 2012-04-05T13:55:41.533 に答える
0

ネイティブ CSS では、解決策は次のようになります。

1: 要素に ID 属性を追加しますdiv.control-group.control-connected。

#control-connected input[type=submit],
#control-connected button {
    /* css */
}

2: 要素に共通のクラス名を追加します。

.fancy-style {
    /* css */
}

非ネイティブ CSS ソリューションは、SASSまたはLESSになります。

于 2012-04-05T13:55:48.193 に答える