是否可以在默认情况下将HTML元素设置为具有CSS类

给定一个CSS类，是否可以在默认情况下将HTML元素设置为具有该类？

例如：不必到处写

，我想定义

总是有

class=input\u字段

要求的原因是类定义由第三方提供，可能会发生更改。它包含在SASS指令中。是的，可以查找类定义并将其复制到输入元素中，但我希望避免这样做

所以，我不是在寻找答案

input {
   ... styles in .input_field ...
}

我所希望的是

input {
    class: myclass
}

答案可以使用CSS或SASS

---

注意：我已经阅读了我能找到的最接近的备选方案，从中我猜这是不可能的。但是，我还是问了这个问题，希望有另一个解决方案。

我不确定仅仅使用

输入选择器有什么问题，但是在包含CSS元素的元素中添加一个类来更改输入的样式是非常简单的

<div class=input_field_container>
    <input> etc.

.input_field_container input {
    /* rules */
}


等
.输入\字段\容器输入{
/*规则*/
}
您是否尝试过使用

input[class^="yourClass"]{
   color: blue;
}

资料来源：

E[foo^=“bar”]其“foo”属性值正好以字符串“bar”属性选择器开头的E元素

输入{
类别：myclass
}

在SASS中，您可以创建@extend

%class-name {..}
input {
    @extend class-name
}

您可以使用%class name将其设置为仅用作扩展，也可以使用.class name对其进行扩展或单独使用。
有趣的问题。尽管它可能不是您想要的，但您可以使用JavaScript/jQuery将“input_field”类添加到所有输入$（'input'）。addClass（'input_field'）；仅仅因为你读了链接的问题并不意味着这仍然不是你问题的答案。@肉桂是的，我知道！虽然下面的答案提出了一些有趣的注意事项，但事实是，如果不内联应用样式或使用CSS类或id，您就无法更改HTML标记的行为。答案与另一个问题相同-这是不可能的。请阅读您所说的对您没有帮助的帖子。要澄清的是，此方法不会将类添加到html中，也不会像您所描述的那样输出。但是，您可以在以这种方式处理代码之前对其进行管理。