时间戳

首页 > 解决方案 > 你能有一个 Style 并把所有的 CSS 代码放在里面吗？

html - 你能有一个 Style 并把所有的 CSS 代码放在里面吗？

问题描述

我是 HTML 新手，我只是在做一些 CSS 任务以使我的网站看起来更时尚，我为每个 CSS 代码都制作了不同的样式。例如，具有 ID 的段落具有自己的样式，而具有另一个不同 ID 的段落具有自己的样式。

我可以将它们以一种风格合并在一起吗？我正在尝试以专业的代码方式获得尽可能多的分数。

标签： htmlcss

解决方案

是的你可以。

如果两种相同的样式都使用 aclass name并将其应用于两者。如果它们之间有细微差别，您可以使用一个类作为通用规则，并使用 ID 或其他选择器方法来应用特定样式。

以下是我解释的示例。

.para {
  background-color: #eee;
  margin: 20px;
  padding: 15px;
  text-align: center;
}

#first {
  color: red;
  font-size: 17px;
}

#second {
  color: blue;
  font-size: 15px;
}
<p class="para" id="first">quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore</p>

<p class="para" id="second">quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore</p>

推荐阅读