如何 select 没有 类 的元素？

Question

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

有：

<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">

应该是select第三个而已

我可以想象这个CSS:

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

但是，我应该怎么写 "ANY CLASS"？ 或者有什么不同的方法吗？我可以在那里列举所有已知的 classes，但这很乏味并且可能会随着时间的推移而改变。

注：

• 我正在寻找仅 CSS 的解决方案。这使得 这个答案不是 重复。
• 我要指定"no classes at all"不漏一个 单身class。这使得 this answer not a duplicate.

Answer 1

您可以使用 :not([class])，这意味着 select 一个没有 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">

Answer 2

您可以使用这样的选择器：

input:not([class]) {
    /* style for inputs without classes */
}

JSFIDDLE DEMO

reference