的樣式同一div兩種略有不同的方式

在同一頁上

我很新的CSS所以請原諒我，如果這個問題的答案是非常明顯。我一直在做一個很好的搜索，還沒有找到解決方案。的樣式同一div兩種略有不同的方式

我有一個註冊DIV，控制寬度，通過CSS樣式完全頁面，浮動權與文字左側。這是在頁面的頂部。

我想有相同的註冊格在頁面的底部再次出現。不過，這一次，我想要更廣泛。我試圖複製和粘貼HTML代碼（以及相應的CSS代碼），稍微修改DIV名實質上是創建了第2版與我的寬度修改，但沒有奏效。

，我怎麼可能做到這一點有什麼想法？

來源

2013-06-04 user2449945

請張貼一些代碼！ – Andbdrew

如果我正確理解你的問題，你想在你的頁面底部有div的副本與另一個副本width相比較嗎？然後嘗試增加2班。一爲common styles，另一個用於specific styles

CSS：

.signupDIv 
{ 
    //common style 
} 

.topDiv 
{ 
    width: 100px; 
} 

.bottomDIv 
{ 
width: 200px; 
}

HTML：

<div class="signupDIv topDiv"> //this is your original div 
<div class="signupDIv bottomDIv"> // this is your duplicate div at the bottom with customized width

的signupDIv類是您常見的樣式如background-color，等等他topDiv和bottomDiv是你的具體款式哪個在你的情況下，是width。

來源

2013-06-04 02:12:46

你是如何修改div'name'的？你有沒有爲每個div添加一個id選擇器？其中一個div可能如下所示：

<div id="widesignup"> /*content*/ </div>

而另一個可能看起來像這樣。

<div id="signup"> /*content*/ </div>

你會在你發佈此此ID調用CSS：

#widesignup { 
     /*css*/ 
    } 

    #signup { 
     /*css*/ 
    }

希望這有助於。

來源

2013-06-04 02:14:19 micuik

的樣式同一div兩種略有不同的方式

回答

相關問題