0

我为 And 编写了一个标记， 并以这种方式将其划分为主要部分：Corpora - A Business Theme



<header>
    <div class="roof"></div>
    <nav></nav>
    <div class="slides"></div>
</header>
<div class="content">
    <div class="roof"></div>
    <aside></aside>
    <div class="main"></div>
</div>
<footer>
    <div class="roof"></div>
    <div class="credit"></div>
</footer>

可以用相同的类名命名页面的不同部分.roof吗？
[编辑] 所以，考虑到我.roof的风格不同，我必须写

<header>
    <div class="roofHeader"></div>
    <nav></nav>
    <div class="slides"></div>
</header>
<div class="content">
    <div class="roofContent"></div>
    <aside></aside>
    <div class="main"></div>
</div>
<footer>
    <div class="roofFooter"></div>
    <div class="credit"></div>
</footer>

?

4

2 回答 2

2

在您的示例（屋顶）中使用相同名称命名不同部分没有问题，直到您希望它们以相同的方式设置样式或使它们看起来相同。

例如

<header>
<div class="roof"></div>
<nav></nav>
<div class="slides"></div>
</header>
<div class="content">
<div class="roof"></div>
<aside></aside>
<div class="main"></div>

在上面的代码中，标题部分中的 div 看起来与内容部分中的 div 完全相同。

要添加更多内容-如果您正在为主题编写标记-最佳做法是-

  1. 编写全局样式类

  2. 部分特定的样式类

例如：- 部分特定样式 .header{ width:100%; 字体家族：爱丽儿；字体大小：12px；} 全局样式 .float-right{ float:right; }

现在 .header 类将专门用于标题部分。它将为我们提供最大的控制来更改其中的任何内容，并且不会影响其他部分，除非我们在标记中的其他地方使用它。

.float-right 类可用于 html div 或要浮动到右侧的部分中的任何位置。

于 2013-02-15T11:36:45.270 回答
0

语义上完全没问题。

对于 2 个或更多部分，如果要应用相同的样式表，则所有部分都可以具有相同的类名，并且可以为该特定类定义样式表。

例如

.className{ property:value; }
于 2013-02-15T11:32:03.203 回答