Question

我有以下html结构

<div id="content">
   <div id="transport">
      <div id="header">Header Text</div>
       <div id="image"></div>
       <div id="right_content">Lots of text</div>
   </div>
 </div>

是否有更好的方法来安排上述css而不是使用id为所有div？

Answer 1

ID只能在文档中使用一次。可以在整个文档中重用类。附加到ID的样式特朗普附加到类的样式。

除此之外，这完全取决于您和您正在标记的特定内容。

查看示例代码，我建议使用实际的标头标签，而不是ID为标头的div。

Answer 2

为什么不将这些更改为类并且只有具有ID的顶级容器？这样您就可以使用顶级ID来定位它。

您还应该删除标题DIV并使用H2或H3标记。

<div id="content">
   <div class="transport">
       <h2>Header</h2>
       <div class="image"></div>
       <div class="right_content">Lots of text</div>
   </div>
 </div>

您的CSS看起来像

#content .transport {}
#content h2 {}
#content .image

id与css中的类声明

2 个答案: