Question

当将CSS类（在外部文件中）输入到html /中时，是否可以编辑它？我试图两次使用同一个班级，但我想在他们之间留一个空格

示例：

.content {
  width: 65%;
  padding: 2% 2% 2% 2%;
  font-size: 15px;
  color: gold;
  line-height: 200%;
  font-weight: bold;
  text-align: center;
  float: right;
  border-style: solid;
}

然后在html中

<div class="content">
     blah blah blah
</div>
<div class="content" margin-top: 5px;>
     blee blee blee
</div>

Answer 1

没有css散布的形式更好，但你可以这样做：

<div class="content" style="margin-top: 5px;">
     blee blee blee
</div>

或者，您可以添加ID或仅添加其他类

<div class="content top-margin">
     blee blee blee
</div>

并在css中添加一个类：

.top-margin {
    margin-top: 5px;
}

Answer 2

我不确定你要做什么，但如果我理解正确，你希望第二个拥有5px的margin-top。你可以简单地做到

<div class="content" style="margin-top: 5px;"> blee blee blee </div>

Answer 3

我认为你需要的是：https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_Started/Cascading_and_inheritance

有不同级别的CSS和内联CSS style="margin-top: 5px;"会覆盖外部CSS。

所以是的，你所做的几乎是正确的;再做一点研究。

在声明div时编辑CSS类

3 个答案: