不同部分的相同类名

Question

我为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>

Answer 1

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

例如

<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 {             宽度：100％;             FONT-FAMILY：沙龙;             字体大小：12像素;             } 全球造型    .float右{                  浮动：权利;               }

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

.float-right类可以在你希望浮动到右侧的html div或section中的任何地方使用。

Answer 2

在语义上它完全没问题。

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

例如

.className{ property:value; }