0 
<html>
<head>
<script src="jquery.min.js"></script>
</head>
<body>
 <div id="disp"> 
   <div>
      hi how are u
   </div>
   <div style="position:absolute;left:50px;top:100px;">
      hello
   </div>
 </div>
 <script type="text/javascript">
  $(function(){
    $("#disp").css({"background-color":"#00ff00"});
  });
  </script>
</body>
</html>

このコードを実行すると、2 つの div が出力されます。1 つは「こんにちは、お元気ですか」と「こんにちは」です。1 つの div は緑色で、もう 1 つは白色です。親 div の色プロパティを変更しました。私の質問は、次の div が緑色にならない理由です。問題は、この状況をどのように処理できるかという絶対位置であることを知っています。

4

5 に答える 5

1

親のbackground-colorプロパティを継承するだけです。

<div style="position:absolute;left:50px;top:100px; background-color: inherit">
于 2013-02-08T06:56:18.000 に答える
0

css セレクターを使用できます(つまり、コンテナーnth-child内の 2 番目の子 div を選択します)。#disp

$("#disp div:nth-child(2)").css({"background-color":"#00ff00"});

次に、必要に応じて CSS スタイルを変更できます。

于 2013-02-08T06:45:29.757 に答える
0

ここで、これを試すことができます

$('#disp > div').eq(1).css('background-color', 'red');

お役に立てれば..

于 2013-02-08T06:44:08.717 に答える
0

私は試していませんが、次のようなものがうまくいくのではないかと思っています:

$("#disp div).filter(function() {
    return $(this).css("position") == "absolute";
}).css({"background-color":"#00ff00"});
于 2013-02-08T06:47:42.833 に答える
0

jquery の代わりに css を書く必要があります

   #disp > div {
     background:#00ff00;
   }
于 2013-02-08T06:52:25.263 に答える