使用ID设置输入标签的样式是非常方便的,因为它们比类具有更多的优先级权重。
例如,我为特定容器中的input.text元素设置了默认宽度:
.details .metadata input.text { width: 200px; }
要更改特定页面的宽度,使用ID而不是上面的长选择器会更方便:
#my_input { width: 150px; }
现在,我已经在我的应用程序中的某个地方自动生成了输入字段(使用Ruby On Rails中的form_for
和nested_attributes_for
生成),它生成的in如下:
#event_rules_attributes_0_interval
#event_rules_attributes_1_interval
#event_rules_attributes_2_interval
...etc...
和
#event_rules_attributes_0_count
#event_rules_attributes_1_count
#event_rules_attributes_2_count
...etc...
所以我需要使用ID选择器,比如"begins with event_rules_attributes_"
和"ends with _count"
,或者"begins with event_rules_attributes_"
和"ends with _interval"
。我知道有[id$=]
和[id^=]
匹配器,但它们能以某种方式组合在一起吗?
发布于 2013-09-03 16:33:37
我自己发现的:
[id^='event_rules_attributes_'][id$='_interval'] { width: 150px; }
看起来有点丑陋,但很管用。
https://stackoverflow.com/questions/18587514
复制相似问题