html - 如何选择没有类的元素？

Question

我需要选择所有 <input type="submit">没有类说明符的元素。

与:

<input class="Submit" type="submit" value="Save" name="action_1">
<input class="Button" type="submit" value="Save as" name="action_2">
<input                type="submit" value="Save and Continue" name="action_3">
<input class="Cancel" type="submit" value="Cancel" name="action_4">

它应该只选择第三个。

我可以想象这个 CSS:

input[type="submit"]:not(ANY CLASS){
}

但是，我应该将什么写成“ANY CLASS”？ 或者是否有其他不同的方法？我可以在那里枚举所有已知的类，但这很乏味，而且可能会随着时间的推移而改变。

注意:

• 我正在寻找纯 CSS 解决方案。这使得 this answer not aduplicate .
• 我想指定“根本没有类(class)”而不是遗漏一个单类。这使得 this answer not a duplicate .

Answer 1

您可以使用 :not([class])，这意味着选择一个没有 class 属性的 input 元素。

input[type="submit"]:not([class]){
  color: red;
}

<input class="Submit" type="submit" value="Save" name="action_1">
<input class="Button" type="submit" value="Save as" name="action_2">
<input                type="submit" value="Save and Continue" name="action_3">
<input class="Cancel" type="submit" value="Cancel" name="action_4">