将两个类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;}

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巫师博客，尤其是以下文章：

• http://csswizardry.com/2012/07/shoot-to-kill-css-selector-intent/
• http://csswizardry.com/2012/10/a-classless-class-on-using-more-classes-in-your-html/
• http://csswizardry.com/2011/09/when-using-ids-can-be-a-pain-in-the-class/