首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用CSS3定位动态ID,如#event_rules_attributes_0_interval、#event_rules_attributes_1_interval等

使用CSS3定位动态ID,如#event_rules_attributes_0_interval、#event_rules_attributes_1_interval等
EN

Stack Overflow用户
提问于 2013-09-03 16:30:22
回答 1查看 73关注 0票数 1

使用ID设置输入标签的样式是非常方便的,因为它们比类具有更多的优先级权重。

例如,我为特定容器中的input.text元素设置了默认宽度:

代码语言:javascript
运行
复制
.details .metadata input.text { width: 200px; }

要更改特定页面的宽度,使用ID而不是上面的长选择器会更方便:

代码语言:javascript
运行
复制
#my_input { width: 150px; }

现在,我已经在我的应用程序中的某个地方自动生成了输入字段(使用Ruby On Rails中的form_fornested_attributes_for生成),它生成的in如下:

代码语言:javascript
运行
复制
#event_rules_attributes_0_interval
#event_rules_attributes_1_interval
#event_rules_attributes_2_interval
...etc...

代码语言:javascript
运行
复制
#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^=]匹配器,但它们能以某种方式组合在一起吗?

EN

回答 1

Stack Overflow用户

发布于 2013-09-03 16:33:37

我自己发现的:

代码语言:javascript
运行
复制
[id^='event_rules_attributes_'][id$='_interval'] { width: 150px; }

看起来有点丑陋,但很管用。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18587514

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档