我可以使用 CSS3 选择器根据子元素进行选择吗?
我需要选择一个
元素,该元素具有带有特定类的嵌套
。
<p>some text<span><a href="#" class="myclass f5">link</a></span></p>
如果
元素有一个
且内部任何地方都有类
f5
,我需要选择该元素。
I need to select a <p>
element that has a nested <a>
with a specific class.
The <a>
is not always a child of the <p>
and may instead be a grandchild. For example:
<p>some text<span><a href="#" class="myclass f5">link</a></span></p>
I need to select the <p>
element if it has an <a>
with the class f5
anywhere inside.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
这对于 css 选择器来说是不可能的(没有什么比父选择器更好的了)。
也许你可以使用 javascript 解决这个问题 - 例如,在 jquery 中,你应该使用
$('p:has(a.f5)')
获取段落(然后你可以自由地 < code>.addClass() 或直接在此元素上设置.css()
)。编辑::
您可能还想看看 SO 上的其他问题(下次:提问前搜索):
this isn't possible with a css selector (theres nothing like a parent-selector).
maybe you can work around this with javascript - in jquery, for example, you should get your paragraphs with
$('p:has(a.f5)')
(and then you're free to.addClass()
or set.css()
on this elements directly).EDIT::
you might also want to take a look at this other questions on SO (and next time: search before you ask):