属性上的CSS选择器

Question

我有一堆输入，例如：

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

是否可以在CSS中选择名称为'tokens'的那些？

我希望做类似input[name~=hosts[]]的事情（这不起作用 - 我假设因为名字中的方括号）。

Answer 1

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

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