添加額外div的意義何在？

這兩者有什麼區別？如果我們在第一個div中放入另一個div，它有什麼不同？添加額外div的意義何在？

<div class="blah"> 
    <div class="blahInner> 
     <img src="pony.jpg"> 
    </div> 
</div> 

<div class="blah"> 
    <img src="pony.jpg"> 
</div>

來源

2017-08-27 Kevin

我沒有給予好評東西。我剛加入github，我仍在計算一切。那麼我會讓你高興。 – Kevin

好的，我很抱歉。我現在要刪除我的評論。 – NathanielSantley

本質上，沒有區別，因此沒用，除非您在鏈接的CSS或JavaScript中使用它。

不同的是，還有其他的網絡語言，如CSS或JavaScript時採取行動的另一個<div>元素。

它給其他語言的機會特殊的定位，動畫和樣式添加到含<div>元素。

我希望這個答案是豐富。

讓我知道，如果您有任何抱怨。

來源

2017-08-27 23:19:05 NathanielSantley

CSS和Javascript會影響第一個div還是其中的一個？比方說，我想給小馬圖像移動到特定的地方，有它響應，我操縱「嗒嗒」類中，「嗒嗒 - 內部」或圖像本身？ – Kevin

這取決於。您可能必須分別定位每個元素。由於它們都嵌套在另一個內部，它們通常會一起工作。 – NathanielSantley

多個div允許您使用基於分配給不同的CSS屬性性質不同的影響自定義HTML。此外，多div的使用允許您添加不同種類的CSS和jS到HTML頁面的元素。與其將所有CSS放在一個選擇器中，然後可以將它分散到多個div中，這樣可以讓您或其他人在處理代碼時輕鬆搞定它。

您可能還想爲網頁的不同部分配對不同的樣式集，並且擁有多個div可以讓您輕鬆調用相同的div並形成來自不同選擇器的屬性組合。最終，你可以只使用它們如下，

<div class="art" id="dart"> 
Text 
</div>

或與多個div，如下圖所示。

.dart { 
 
    color: white; 
 
} 
 

 
#art { 
 
    background-color: #ADFF2F; 
 
    width: 115px; 
 
    height: 20px; 
 
}

<div id="art"> 
 
    <div class="dart"> 
 
    I am dummy text 
 
    </div> 
 
</div>

來源

2017-08-28 00:16:49

正如其他人所指出的，額外的div作爲一個子類。

延伸到你的榜樣，免得說有類blah內有2個子類（blahInner1 & blahInner2）。我們只能輕鬆操作blahInner2的字體。

<div class="blah"> 
 
    <div class="blahInner1"> 
 
     <img src="pony.jpg"> 
 
     This is 1st caption. 
 
    </div> 
 
    <br/> 
 
    <div class="blahInner2"> 
 
     <img src="pony.jpg"> 
 
     This is 2nd caption. 
 
    </div> 
 
</div> 
 

 
<style>.blahInner2{color: red;}</style>

來源

2017-08-28 01:02:25 curious

添加額外div的意義何在？

回答

相關問題