html - 如何删除内联 CSS 元素样式(不使用 JavaScript)？

Question

我在样式表文件中为特定的 HTML 元素分配了一个样式，如下所示

label {
  width: 200px;
  color: red; 
}

在一种特殊情况下，我想在 HTML 文档中使用标签元素，但忽略为标签元素指定的样式(仅针对文档中的一个实例)。有什么方法可以用内联样式覆盖元素样式属性以通用方式实现这一目标？

<label for="status">Open</label>

重申一下，显示标签的 HTML 代码应用了元素样式(宽度 200 像素，红色)。我希望使用默认样式属性(不知道它们是什么)并且不必知道元素样式设置中具体指定的内容。

Answer 1

来自Mozilla developer center :

Because CSS does not provide a "default" keyword, the only way to restore the default value of a property is to explicitly re-declare that property.

Thus, particular care should be taken when writing style rules using selectors (e.g., selectors by tag name, such as p) that you may want to override with more specific rules (such as those using id or class selectors), because the original default value cannot be automatically restored.

Because of the cascading nature of CSS, it is good practice to define style rules as specifically as possible to prevent styling elements that were not intended to be styled.