HTML5多个页面 - 不同的页面和不同的CSS

Question

在HTML元素上提供css id和class name时，最好的方法是什么。

例如：

在我的index.html页面上，我将有例如<section>元素，但在about页面上我也会有一个<section>元素，但它将采用不同的样式（宽度，背景...... ）

我可以像这样使用它： <section id="about">

如果有更好的方法请帮助。

Answer 1

在页面使用ID中不均匀地选择元素（当您只有一个这样的元素时）。要添加一些属性，请添加该元素的类

＆＃13;

＆＃13;

.box {
  width: 100px;
  height: 30px;
  margin-bottom: 5px;
  border: 1px solid #ddd;
}
.red {
  background-color: rgba(250, 20, 20, .3);
}
.blue {
  background-color: rgba(20, 20, 250, .3);
}
.long {
  width: 200px;
}

＆＃13;

<div class="box">.box</div>
<div class="box red">.box.red</div>
<div class="box long red">.box.long.red</div>
<div class="box long blue">.box.long.blue</div>

＆＃13;

＆＃13;

＆＃13;