重用相同的id并使用不同的类名

Question

我有包装ID，我用于整个页面。

HTML

<div id="wrapper">
</div>

CSS

#wrapper{
width: 960px;
margin: 0 auto;
}

现在我要做的是为该id创建一个类，我将用于具有最大宽度全分辨率的页面。

HTML

<div id="wrapper" class="full-width>
</di>

CSS

#wrapper.full-width{
width: 100%;
}

这是正确的方法吗？

Answer 1

ID必须是唯一的，因此您只能在页面上使用一次（听起来就是这样）。

根据具体情况，我可能倾向于使ID和类分开标记（div class =“full-width”嵌套在包装器中），特别是如果ID包装器将用于各种页面，但课程可能会有所不同。这使您在包装器ID中具有更大的灵活性。

这样做，你仍然可以按照你的方式做CSS。