多个标签的 CSS 选择器[for=name]

Question

我想我的表单中有一个项目列表，我想在其中选择一些标签并应用规则。

目前我正在这样做，我相信这应该根据其他选择器规则起作用，

#form-list-element label[for=strategy-clickAppend], label[for=strategy-fixedRedirect], label[for=strategy-iframe] 
{
    font-weight: normal;
}

但没有。

如果有人遇到过同样的问题或知道我缺少什么，我将不胜感激。

感谢您的浏览。

解决：

我刚刚解决了自己的问题，没有在 css 中指定元素规范。所以看起来像

label[for=strategy-notImplemented], label[for=strategy-implemented], label[for=strategy-noDesktop], label[for=strategy-desktop] 
{
    font-weight: bold;
}

Answer 1

您可以使用选择器来完成此操作

[attr*=""]

#form-list-element label[for*="strategy"] {
    font-size:normal;
}

使用此功能，您可以在

for

字符串中搜索包含单词

strategy

的所有项目。记得把

attr

包裹在

"quotes"

中。

演示 http://jsfiddle.net/rP8g2/7/

Answer 2

当你写下这个时：

#form-list-element label[for=strategy-clickAppend], 
label[for=strategy-fixedRedirect], 
label[for=strategy-iframe] 

你的意思可能是这个，更具体：

#form-list-element label[for=strategy-clickAppend], 
#form-list-element label[for=strategy-fixedRedirect], 
#form-list-element label[for=strategy-iframe] 

如果没有其他

strategy-xx

标签，您可以使现代浏览器的选择器更简单：

#form-list-element label[for^="strategy"] /* starts with "strategy" */ 

无论哪种情况，请尝试在选择器中添加引号：

label[for="strategy-fixedRedirect"] 

Answer 3

您需要在每个之后添加完整的选择器，试试这个：

#form-list-element label[for=strategy-clickAppend], 
#form-list-element label[for=strategy-fixedRedirect], 
#form-list-element label[for=strategy-iframe]{
    font-weight: normal;
}

Answer 4

我不确定这是否是一个特异性问题，但如果您希望在“form-list-element”的 ID 内专门定位各种标签，则需要在每个标签选择器之前重复 ID 选择器，像这样：

#form-list-element label[for="strategy-clickAppend"],
#form-list-element label[for="strategy-fixedRedirect"],
... { 

Answer 5

这里也更短！

label[for=strategy-notImplemented], [for=strategy-implemented], [for=strategy-noDesktop], [for=strategy-desktop] 
{
    
}