0

レスポンシブ デザインでボックス サイズとパディングを使用しています。

次のコードを使用すると効果的です。

.col * {
}

「col」という名前のセクション内のすべてをターゲットにすることができます。お互いに要素を追加し始めるまでは、これは素晴らしいことです。その後、クラスが再び追加されます。

ここに例をまとめましたhttp://jsfiddle.net/XS7KB/1/<h1>href により、最初の行にボックスのサイズ変更が再度追加されていることがわかります。別のスパン、リスト、hr ectを追加しても同じだと思います。これは問題になる可能性があります。

私が探しているのは、これを最初のタグのセットに適用する方法であり、その間には何もありません。おそらく、別のセレクターを使用すると、これが発生しなくなります。

どんな助けでも大歓迎です。

4

1 に答える 1

0

「最初のセット」が「最初のネスト レベル」を意味する場合は、子セレクターを使用して、その要素のセットのみに制限します。

.col > * {
}

これは、 の子であるh1とのみを選択し、その中のものは選択しません。p.col

更新されたフィドル

于 2013-02-06T23:59:10.477 に答える