html - 将两个类 div 放入 id div

Question

我设法使用这种标记风格实现了我想要的设计，告诉我这是否是一种好的做法，我不确定深入学习类是否归类为 valit，但我整洁的验证器告诉我一切都好。

<div id="main"> 

    <div class="submain">

        <div class="anothersub">text</div>

    </div>

</div>

这个CSS是

#main { width: 300px;}
#main .submain { width: 200px;}
#main .submain .anothersub { width: 100px;}

score 2 · Accepted Answer

您的示例根本没有“错误”，在许多情况下它会很好。但是，使用 ID 和使用更长的 CSS 选择器可能会使您的代码的可伸缩性降低，并且因为它是特定于上下文的，因此更难维护且更难重用。

如果您希望创建更大的网站和可重用代码，我建议您阅读Harry Roberts CSS Wizardry 博客，尤其是这些文章：

score 2 · Accepted Answer

如果您正在寻找替代方案，我认为这会更好

#main { width: 300px;}
#main .submain { width: 66%;}
#main .submain .anothersub { width: 50%;}

这是一个小提琴，我放了背景颜色，所以你可以看到 http://jsfiddle.net/v6ud2/

2 回答 2