Question

Basically I want a CSS selector that grabs all input[type="text"] but that also has a class "some-class".

Both of the following don’t seem to be working for me:

input[type="text"] .some-class {}    /* doesn't work */

.some-class input[type="text"] {}    /* doesn't work */

I’m sure I’m missing something simple here.

Answer 1

You want input.some-class[type="text"]

.some-class input looks for input tags that are descendants of .some-class.

input.some-class does the reverse.