與DIV在CSS

Question

不工作的多個ID，我有以下的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沒有風格。

請問我是否錯誤地編碼結構？它很奇怪

Answer 1

似乎你的目標是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; 
} 

Answer 2

這可能是一個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; 
} 

Answer 3

你應該只使用#form1,#form2,#form3,#form5,#form6,#form7,#form8

#foem8 div指所有子div s的這個元素是#foem8