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

它应该只选择第3个。

我可以想象这个CSS：

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

但是，我应该写什么作为＆＃34;任何类别＆＃34;？或者是否有不同的方法alltogehter？我可以列举那里所有已知的类，但这很乏味，可能会随着时间而改变。

注意：

我正在寻找一个仅限CSS的解决方案。这使得this answer not a duplicate。
我想指定＆＃34;根本没有课程＆＃34;不要省略一个单班。这使得this answer not a duplicate。

Answer 1

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

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

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

的 JSFIDDLE DEMO

reference

如何选择没有类的元素？

2 个答案: