Css 内联样式vs！重要造型

以下哪项更合适：

<div class="someClass">

.someClass{
    color: blue !important;
}


or 

<div style="color:blue;">

.某个班级{
颜色：蓝色！重要；
}
或

在我的书中，这两种观点都是错误的，但如果我必须在两者之间做出选择，我应该选择哪一种

下面是一个小提琴的例子：

---

在其中，您可以看到它们如何工作的几个不同示例。

这是两个完全不同的概念

代码的重要性！重要信息

！重要信息

将强制将使用它的任何样式应用于受影响的元素，并将使它们优先于任何现有声明，包括内联声明：

<!-- This element will actually appear blue due to your !important style -->
<div class="someClass" style='color:red'>or</div>

那么，您最好只定义一个所有这些元素都可以使用的样式：

.purple-centered-bold {
     font-weight: bold; text-align: center; color: purple;
}

以及：

<div class='purple-centered-bold'>...</div>
<div class='purple-centered-bold'>...</div>
<div class='purple-centered-bold'>...</div>

class=“someClass”，style=“color:red”
style=“颜色：红色”
style=“color:blue”

次要的内联样式不是什么大问题，但是如果您的html开始像这样：

<div style="color:blue; font-weight: bold; background-color: white; font-family: cursive">

---

然后你应该把样式放在CSS中<代码>！重要信息将使该样式设置属性覆盖尝试设置其样式的任何其他内容，例如引导css<代码>！重要的是，如果您安装了一些默认设置内容样式的软件包，请确保您的自定义样式不会混乱。

如果有大量HTML，使用类是更好的选择。因此，您可以避免在多个地方使用内联样式。如果它只用于与div内联的特定情况，则是最好的方法。

两者都是不同的东西。@MarcspérezGude它们在这里都做不同的事情吗？从技术上讲，两者都不是“错误的”，所以这个问题是征求意见。两者都应该避免使用，只有在极端情况下才使用最适合您的方法<代码>！重要信息有保持标记干净的好处，这是我做这件事的方式。值得注意的是，即使是内联样式也可能有

！重要信息

，因此，覆盖具有

的外部CSS规则！重要信息

<div style="color:blue; font-weight: bold; background-color: white; font-family: cursive">