CSS：關於div id和div類

Question

美好的一天傢伙！我是新手，我只是想知道如何使用div id和div class。比方說，例如，我想在我的網站中有多個div框，每個框中都有相同的樣式。這是正確的事情嗎？請賜教。

HTML：

<div id="body"> 
    <div id="box1" class="style"></div> 
    <div id="box2" class="style"></div> 
    <div id="box3" class="style"></div> 
    //(and so on)// 
</div> 

CSS：

.style { 
    //(put elements here)// 
} 

Answer 1

是的，這是可行的。但如果你想要做的就是應用相同樣式的所有3

http://www.w3schools.com/tags/att_global_id.asp

http://www.w3schools.com/tags/att_global_class.asp

Answer 2

編號的就沒有必要是的，你可以這樣做，如果你想有適用於同一風格所有的divs比你絕對可以使用class來將樣式應用於div。如果你的div與其他人不同，你可能可以使用id，這將允許你通過javascript訪問該div。

Answer 3

ID是唯一的：

- 每個元素只能有一個ID

- 每個頁面只能有一個元素與ID

類不是唯一的：

- 你可以在多個元素上使用相同的類。

- 您可以在同一元素上使用多個類。

Answer 4

如果只是樣式，那麼id並不是真的需要，如果它是所有子div的相同類別，則不需要提供類名稱。

HTML

<div id="body"> 
    <div></div> 
    <div></div> 
    <div></div> 
</div> 

CSS

#body div { 
    background:red; 
    width:100px; 
    height:100px; 
    display:inline-block 
} 

DEMO

Answer 5

你可以在很多div的使用 「類」，但你只能在一個使用 「身份證」地點。因爲ID在每個頁面中應該是唯一的。

<div id="body"> 
    <div class="mystyle"></div> 
    <div class="mystyle"></div> 
    <div class="mystyle"></div> 
    //(and so on)// 
</div> 

<style> 
.mystyle{color:#000;} 
<style> 

Answer 6

是不是真的做因爲一切都取決於具體情況和案情正確的事情。

你爲什麼會認爲這會是「錯誤」的事情呢？這減少了你必須編寫的代碼量，所以它是有利的，正確的？

您還可以使用的ID，你必須獨立地覆蓋了<div>小號款式：

.style { 
    color: red; 
} 
#body1 { 
    color: blue; 
} 

由於事實要素，標識和類各有差異選擇優先，我勸反對無論其他潛在客戶看起來多麼有吸引力，都可以使用除課程和假冒課程以外的任何內容。如果你受到紀律處分，你的CSS將會更容易更新。如果body1是一個類而不是ID（儘管我會建議使用ID來標識DOM操作的唯一元素），但上述示例將完全相同。

我也將跟隨the W3C's advice採摘時要素類名和在HTML中使用它們：

...鼓勵作者使用描述內容的性質描述值，而不是值內容的期望呈現。

Answer 7

您可以使用此

<div id="demo"> 
    <div class="box test"></div> 
    <div class="box test"></div> 
    <div class="box test"></div> 

</div> 

CSS：

#demo 
{ 
margin:0; 
padding:0; 
} 
.box 
{ 
Width:100px; 
height:50px; 
background:red; 

} 
.test 
{ 
color:white; 
} 

你可以申請兩類。