疑问，在CSS选择器> [#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 {...}