怀疑css选择器＆gt; [#id（.class1或.class2）]

Question

我认为应该有更好的方法来做到这一点......

我正在使用跟随css选择器

#book_form .ano_chegada, #book_form .ano_partida {...}

HTML：

<form id="book_form">
<input class='ano_chegada' .../>
<input class='ano_partida' .../>
</form>

我真的不喜欢两次重复表单ID。这是绝对必要的吗？ 我知道它应该在没有第二个id（#book_form）的情况下工作，但它会选择共享同一个类的所有元素（.ano_partida），对吗？

谢谢=）（Obrigado，葡萄牙语）

来自葡萄牙的干杯

Answer 1

是的，如果您只想选择那些位于#book_form内的类的元素，则完全有必要。

CSS本身并不具备嵌套选择器，但是某些服务器端解决方案可能会为您提供授予此类功能的CSS扩展。

Answer 2

4个月前，只有一家浏览器供应商在仍处于测试阶段的浏览器中实施了此功能。 见http://hacks.mozilla.org/2010/05/moz-any-selector-grouping/

Answer 3

您可以稍微调整HTML以使CSS选择器更易于使用。 （这不一定值得，可能会增加输出的大小。）

为类标记添加另一个类名：

<form id="book_form"> 
<input class='ano_chegada something' .../> 
<input class='ano_partida something' .../> 
</form>

#book_form .something {...}

或将其中的内容拆分为多个类：

<form id="book_form"> 
<input class='ano chegada' .../> 
<input class='ano partida' .../> 
</form>

#book_form .ano {...}