0

私を助けてくれてありがとう！

姉妹 div のスタイルを設定しようとしていますが、この ID #rooms-booking-manager-change-search-form を使用していません

例

div + #rooms-booking-manager-change-search-form { padding:10px; font-size:18px; }

<div>Arrival Date: 19/09/2013</div>
<div>Departure Date: 21/09/2013</div>
<div>Nights: 2</div>
<form id="rooms-booking-manager-change-search-form"></form>

ここに画像の説明を入力

解決：

div ~ #rooms-booking-manager-change-search-form {
    background: red;
}
4

4 に答える 4

0

私はあなたを正しく理解したと思います（質問を編集して、より明確に説明してください）

divフォーム (#rooms-booking-manager-change-search-form) の前にあるすべての を選択しようとしていますか?

DOM の変更が許可されていない場合、純粋な CSS セレクターを使用してそれを実現することはできませんが、JQuery の使用が許可されている場合は、非常に簡単です。

$("#rooms-booking-manager-change-search-form").prevAll('div').css('background-color','red');

働くフィドル

于 2013-09-17T09:27:50.983 に答える
0

この記事を見てください。兄弟セレクターと子セレクターの適切な説明です http://css-tricks.com/child-and-sibling-selectors/

于 2013-09-17T08:55:45.367 に答える
0

次のように、すべてのフォーム項目のラッパーを作成できます

<div class="form-item-wrapper>
    <div class="form-item form-type-item">
    <div class="form-item form-type-item">
</div>

CSSは次のとおりです。

<style>
    .form-item-wrapper > div{
        padding: 10px  
    }
</style>

ここに良い記事があります http://css-tricks.com/child-and-sibling-selectors/

于 2013-09-17T09:04:07.130 に答える