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;}

Answer 1

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

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

这是一个小提琴，我把背景颜色放在你可以看到的地方 http://jsfiddle.net/v6ud2/

Answer 2

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

如果您希望创建更大的网站和可重复使用的代码，我建议您阅读Harry Roberts CSS Wizardry blog，特别是这些文章：