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

gkl3eglg  于 2023-08-08  发布在  其他
关注(0)|答案(5)|浏览(115)

我想我在一个表单中有一个项目列表,我想在其中选择一些标签并应用规则。
目前我正在这样做,我认为应该根据其他选择器规则工作,

#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;
}

6qfn3psc

6qfn3psc1#

您可以使用选择器[attr*=""]来完成此操作

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

字符串
这样,您就可以在for字符串中搜索所有包含单词strategy的项。请记住将attr Package 在"quotes"中。
演示**http://jsfiddle.net/rP8g2/7/**

sr4lhrrt

sr4lhrrt2#

当你写这个的时候:

#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"]

ukdjmx9f

ukdjmx9f3#

你需要在每一个后面添加完整的选择器,试试这个:

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

字符串

q5lcpyga

q5lcpyga4#

我不确定这是否是一个特定性问题,但是如果你想在你的ID“form-list-element”中专门针对各种标签,你需要在每个标签选择器之前重复ID选择器,就像这样:

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

字符串

0mkxixxg

0mkxixxg5#

这里也更短!

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

字符串

相关问题