css - css の最初の要素をターゲットにする+

Question

css には隣接するセレクター + - がありますが、そのセレクターの最初の要素をターゲットにする方法を知っている人はいますか?

<div>つまり、次のセレクターでをターゲットにしたい:

div + p

前もって感謝します

Answer 1

これらの div を別の要素内に含める場合は、次のセレクターを使用できます。

http://w3schools.com/cssref/sel_firstchild.asp

div:first-child {  background-color:yellow; }

したがって、これは「親の最初の子であるすべての div 要素を選択してスタイルを設定する」ことになります。したがって、div がその親の最初の子であると仮定すると、これを使用できます。しかし、それでも、これを行う実際的な理由はわかりません。これらの div にクラスを設定し、クラス セレクターを使用することをお勧めします。

Answer 2

これには css セレクターはありませんが、このいくつかのcss & html操作を実現できます。次のように書きます。

HTML

<div class="parent">
   <p>hover me</p>
   <div>hello</div>
</div>

CSS

.parent{
    -moz-box-orient:vertical;
    -moz-box-direction:reverse;
    display: -moz-box;
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    display: -webkit-box;
    box-orient: vertical;
    box-direction: reverse;
    display:box;
}
p{
    color:red;
}
p:hover + div{
    color:green;
    font-size:30px;
}

これをチェックしてくださいhttp://jsfiddle.net/LEh2W/1/

それはあなたを助けるかもしれませんが、IEでは機能しません。