CSS 子选择器

发布于 2024-12-07 14:54:45 字数 297 浏览 0 评论 0原文

假设我有以下 HTML

<div id="div1">
....
<span class="innercontents">...</span>
....
</div>

我可以只选择父 ID 的子 ID 吗？

我可以做类似的事情吗？

#div1 span
{
...
}

谢谢您的帮助。

抱歉造成任何混乱。我应该说得更清楚。在上面的示例中，我只想选择属于该特定的标签

原文

Lets say I have the following HTML

<div id="div1">
....
<span class="innercontents">...</span>
....
</div>

Can I select just the child of the parent ID?

Could I do something like

#div1 span
{
...
}

Thanks for any help.

Sorry for any confusion. I should have been more clear. In the above example I would like to just select the tags that fall under that specific

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

安稳善良 2024-12-14 14:54:45

#div1 > .innercontents /* child selector */

上面将从以下 HTML 中选择这些 id：c 和 d

<div id="div1">
   <div id="a">
     <span id="b" class="innercontents"></span>
   </div>
   <span id="c" class="innercontents"></span>
   <span id="d" class="innercontents"></span>
</div>

如果您希望从上述 HTML 中选择所有后代，例如 b、c 和 d，则使用

#div1 .innercontents

#div1 > .innercontents /* child selector */

The above will select these ids from the following HTML: c and d

<div id="div1">
   <div id="a">
     <span id="b" class="innercontents"></span>
   </div>
   <span id="c" class="innercontents"></span>
   <span id="d" class="innercontents"></span>
</div>

if you want all descendents selected such as b, c, and d from the above HTML then use