0

ちょうど前にcssを使い始めたので、これは初めてです。マウスを赤い四角形に移動すると、青い四角形が移動したいと思います。ホバーはこのイベントを処理できると確信していますが、私はそうしません親子関係の操作方法がよくわかりません。ありがとうございます。

<!DOCTYPE html>
<html>
<head>
</head>

<body>
    <style>
    #first
    {
        width:50px;
        height:50px;
        position: relative;
        top:100px;
        left:100px;
        background: red;
    }

    #second
    {
        width:50px;
        height:50px;
        position: relative;
        top:200px;
        left:200px;
        background: blue;
        transition: left 1s;
    }

    #first:hover + #second
    {
        left:250px;
    }
    </style>
    <div id="first">
        <div id="second"></div>
    </div>
</body>
    </html>
4

2 に答える 2

2

兄弟には子>セレクターをそのまま使用します。+

   #first:hover > #second
   {
     left:250px;
   }

デモ

于 2013-09-19T08:45:48.267 に答える