CSS selector on an attribute

Question

I have a bunch of inputs e.g:

<div class="token-list">
  <input type="hidden" name="tokens[]" value="token1" />
  <input type="hidden" name="tokens_text[]" value="token1_text" />
  <input type="hidden" name="tokens[]" value="token2" />
  <input type="hidden" name="tokens_text[]" value="token2_text" />
  <input type="hidden" name="tokens[]" value="token3" />
  <input type="hidden" name="tokens_text[]" value="token3_text" />
  <input type="hidden" name="tokens[]" value="token4" />
  <input type="hidden" name="tokens_text[]" value="token4_text" />
  <input type="hidden" name="tokens[]" value="token5" />
  <input type="hidden" name="tokens_text[]" value="token5_text" />
</div>

Is it possible to select just the ones with the name 'tokens' in CSS?

I was hoping to do something like input[name~=hosts[]] (This isn't working - I assume because of the square brackets in the name).

if it's the real html you can try :nth-child(2n) or why not :odd or :even — r043v
– r043v, Commented Jun 3, 2013 at 22:10
+1 for :nth-child(2n) but this won't work for me - This is a snippet of the code — Lizard
– Lizard, Commented Jun 3, 2013 at 22:16

Adrift · Accepted Answer · 2014-01-29 04:29:19Z

3

[name="tokens[]"] {
    background: honeydew;
}

http://jsfiddle.net/2pUgY/3/

edited Jan 29, 2014 at 4:29

answered Jun 3, 2013 at 22:11

Adrift

60k12 gold badges98 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nick Tomlin Over a year ago

Attribute selectors are awesome. I've found Chris Coyier's post on them to be invaluable.

Collectives™ on Stack Overflow

CSS selector on an attribute

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related