-3

head背景なし、色は黒、マウスオーバーすると色は白、背景は黒になり、正常に動作しますが、

onmouse over oncontentの色を変更したいheadですか? どうやって？cssだけでできますか？

 <ul id="meg">
   <li><a href="#">head</a>
    <div>
    <h2>su head</h2>
    <p><a href="#">content</a></p>
    <p><a href="#">content</a></p>
     </div>
    </li>
 <li><a href="#">head</a>
    <div>
    <h2>su head</h2>
    <p><a href="#">content</a></p>
    <p><a href="#">content</a></p>
     </div>
    </li>
</ul>
4

4 に答える 4

1

これはうまくいくかもしれません。css が終了タグの前ではなく後に要素に影響を与えることができることを私は知っているので、これはそれを行うために使用される「+」の逆です。

<style type="text/css">
   #content:hover - #head { background-color: black; color: white; }
  </style>

 <ul id="meg">
   <div id="head">
   <li><a href="#">head</a>
   </div>
   <div id="content">
    <h2>su head</h2>
    <p><a href="#">content</a></p>
    <p><a href="#">content</a></p>
     </div>
    </li>
    </ul>
于 2012-07-28T07:24:35.037 に答える
1

JavaScript でそれを行うことができます。あなたが何を望んでいるのかは完全にはわかりませんが、試してみました： 

<!DOCTYPE html> 
<html>
<head>
<script type="text/javascript">  
function stuff(){
   var k = document.getElementsByTagName('li');
   for (var i = 0; i < k.length; i++) {
        var s = k[i];     
        s.firstChild.style.color = 'white';
        s.firstChild.style.backgroundColor= 'black';
    }
}
</script>
</head>
<body>
  <ul id="meg">
    <li>
       <a href="#">head</a>
       <div>
          <h2>su head</h2>
          <p><a href="#" onmouseover="stuff()">content</a></p>
       </div>
    </li>
  </ul>
</body>
</html>
于 2012-07-28T07:52:37.420 に答える
0

JQuery の使用を検討してください。

このビデオ チュートリアルが役に立ちます。

于 2012-07-28T06:58:42.163 に答える
0

#meg li a:hover { background-color:#000;color:#FFF; を試しましたか? }

于 2012-07-28T07:01:48.043 に答える