的样式同一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两种略有不同的方式

回答

相关问题