SCSS / CSS选择器选择所有输入类型

这样就足够了吗？

input[type="text"] {
    border: 1px red;
}

input[type] {
    border: 1px solid blue; }
}

They both have the same specificity, so the last one overrides.

See jsFiddle: http://jsfiddle.net/TheNix/T2BbG/

Another solution would be to ommit the element from the first selector. The latter would have higher specificity – however, you should know that in terms of performance, the first one is similar to using an universal selector (as it attempts to match all elements in the DOM, to check for the attribute).

[type="text"] {
    border: 1px red;
}

input[type="text"] {
    border: 1px solid blue; }
}

有很多可能的输入类型。如果您想要textareas和任何具有type属性的输入，则...

textarea,
input[type] {
    ...
}

如果要排除某些输入类型，请使用:not选择器。 编辑示例JSFIDDLE http://jsfiddle.net/Pnbb8/

textarea,
input[type]:not([type=search]):not([type=url]):not([type=hidden]) {

}

但是就像我说的那样，您不想要的类型可能要比您想要的类型多得多，因此您无法真正避免使用该列表。

您总是可以改用CSS类。

.box-shadowed
{
  @include box-shadow(none);
}