Html css选择器中有疑问>[id(.class1或.class2]

Html css选择器中有疑问>[id(.class1或.class2],html,css,stylesheet,css-selectors,Html,Css,Stylesheet,Css Selectors,我认为应该有一个更好的方法来做到这一点 我正在使用下面的css选择器 #book_form .ano_chegada, #book_form .ano_partida {...} Html: 我真的不想重复表单id两次。这是绝对必要的吗? 我知道它应该在没有第二个id book_表单的情况下工作,但它将选择共享同一类的所有元素。ano_partida,对吗 谢谢你=Obrigado,葡萄牙语 来自葡萄牙的干杯是的,如果您只想选择那些类位于book_表单中的元素,那么这是绝对必要的 CSS本身并

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

我正在使用下面的css选择器

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

我真的不想重复表单id两次。这是绝对必要的吗? 我知道它应该在没有第二个id book_表单的情况下工作,但它将选择共享同一类的所有元素。ano_partida,对吗

谢谢你=Obrigado,葡萄牙语


来自葡萄牙的干杯是的,如果您只想选择那些类位于book_表单中的元素,那么这是绝对必要的


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

4个月前,只有一家浏览器供应商在仍处于测试阶段的浏览器中实现了此功能。
请参见

您可以稍微调整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 {...}
<form id="book_form"> 
<input class='ano chegada' .../> 
<input class='ano partida' .../> 
</form>

#book_form .ano {...}