0

私は次のCSSを持っています：

 #form1,#form2,#form3,#form5,#form6,#form7,#form8 div{
    padding:10px;
    border:1px solid blue;
    background-color: grey;
    font-family:"lucida grande",tahoma,sans-serif;
  }

何らかの理由で、最後のIDはスタイルを取得しません。（つまり、＃form8はスタイルを取得しません）。

このようにcssを切り替えると（htmlコードを変更せずに）：

#form1,#form2,#form3,#form5,#form8,#form6,#form7 div{

現在、＃form7にはスタイルがありません。

構造を間違ってコーディングしましたか？その非常に奇妙な

4

3 に答える 3

4

これはおそらくHTMLマークアップの問題です。提供してもらえますか？

大まかな推測では、コードは次のようになります。

<div id="form8">
...
</div>

そして、CSSセレクターの最後の部分（＃form8 div）は、実際には次のようなマークアップを対象としています。

<div id="form8">
  <div>
  ...
  </div>
</div>

メタアドバイスは次のとおりです。セレクターリストが非常に長く、明らかに同じタイプの要素（フォーム）を対象としている場合は、クラスを使用してください。

.form{
padding:10px;
border:1px solid blue;
background-color: grey;
font-family:"lucida grande",tahoma,sans-serif;
}
于 2013-01-20T19:07:04.853 に答える
2

div＃form1、div＃form2...などをターゲットにしているようです...セレクターのdivの書き込みをスキップできます。これを試して

#form1, #form2, #form3, #form5, #form6, #form7, #form8 {
    padding:10px;
    border:1px solid blue;
    background-color: grey;
    font-family:"lucida grande",tahoma,sans-serif;
}


またはさらに良い...それらすべてに次のようなクラス名を付け<form class="myform" id="whatever"></form>て使用します：

.myform {
    padding:10px;
    border:1px solid blue;
    background-color: grey;
    font-family:"lucida grande",tahoma,sans-serif;
}
于 2013-01-20T19:04:38.607 に答える
0

あなたはただ使うべきです #form1,#form2,#form3,#form5,#form6,#form7,#form8

#foem8 divdivこれを持つ要素のすべての子を参照します#foem8

于 2013-01-20T19:08:31.200 に答える