0

私はこのようないくつかのマークアップを持っています:

<div class="field">
    <div class="selector" id="uniform-blablabla">
        [select tag markup]
    </div>
<div>
<div class="field">
    <input type="text" id="etcetc"
</div>

上記のマークアップのように、含まれている.fielddivの前に.selectorクラスを持つdivを含む.fielddivが付いているという事実に基づいて、上記の入力タグを選択するcssセレクターを探しています。私はもう試した

div.field > .selector + div.field > input

しかし、それは機能しません。入力タグは.selectorクラスのdivタグの兄弟ではなく、実際には親が兄弟である必要があるためです。

CSSがいかなる種類の「親」セレクターもサポートしていないという興味深い理由のいくつかを読みましたが、その理由がわかります。セレクターに続く各入力タグにクラスを配置する以外に、これを実現する別の方法があるかどうか疑問に思っています。ある?

4

1 に答える 1

1

セレクターに続く各入力タグにクラスを配置する以外に、これを実現する別の方法があるかどうか疑問に思っています。ある?

CSSセレクターではありません。子としてdiv持っている前の兄弟に基づいて、クラスを追加する必要があります。div.selector

于 2012-08-23T16:47:21.980 に答える