SCSS/CSS selector to select all input types

Question

I have some input type has this scss setting (from the framework)

textarea,
input[type=\"text\"],
input[type=\"password\"],
input[type=\"datetime\"],
...
input[t         


        

Answer 1

Will this suffice?

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; }
}