如何使用css仅针对div中的特定<span>标记？
提问于 2015-05-01 07:32:38
我想只针对一个div里面的第一层标签。下面是我的代码：
<div class="main">
<span id="j_id0:j_id42">
<span>Customer Info</span>
</span>
<span id="j_id0:j_id4">
<span>Billing Address</span>
<div>Text</div>
</span>
<span id="j_id0:j_id61">
<span id="j_id4:22df">Shipping Address</span>
<div>Text</div>
</span>
我希望以所有具有动态ids的span标记为目标，而不是内部span标记。也就是说，我希望将一些特定的css属性添加到main div中第一次出现的每个span标记(带有ids的标记)中。这可以使用css吗？如果不是，如何使用javascript来完成此操作？
请注意，内部span标记中可能还有其他ids。我想只针对<span id="j_id0:j_id42">，<span id="j_id0:j_id4">，<span id="j_id0:j_id61">。这只是第一次出现在main div中的跨度。
回答 4
Stack Overflow用户
发布于 2015-05-01 07:36:56
最简单的方法是使用>
.main > span{}我想用动态ids来定位所有的span标签
如果我们考虑它，那么您可以将其更改为：
.main span[id]{}我想将一些特定的css属性添加到主div中所有第一次出现的每个span标签(带有ids的标签)中
然后你就可以使用它了：
.main span[id]:first-child{}对于您的上次编辑：
我希望只针对<span id="j_id0:j_id42">、<span id="j_id0:j_id4">__、<span id="j_id0:j_id61">__。
.main span[id] span{}
.main span[id] span{color:red; font-weight:bold;}<div class="main">
<span id="j_id0:j_id42">
<span>Customer Info</span>
</span>
<span id="j_id0:j_id4">
<span>Billing Address</span>
<div>Text</div>
</span>
<span id="j_id0:j_id61">
<span id-"id21">Shipping Address</span>
<div>Text</div>
</span>
</div>
Stack Overflow用户
发布于 2015-05-01 07:41:28
你可以使用选择器，属性中包含一些单词：Link
.main span[id~="j_id"] { ... }Stack Overflow用户
发布于 2015-05-01 07:41:30
你可以试试.main span[id^="j_id"] { ... }
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/29983193
复制相关文章
点击加载更多
腾讯云开发者
