我是一个名为 Stylish 的插件的样式制作者这允许您附加自己的样式表来更改站点用户界面。现在,我有一个问题,
我可以选择具有指定元素的元素吗?
示例:
<div class='visitor_message'>
<div class='user_info'> Visitor Message Poster Info </div>
<div class='deleted_message'> This message is deleted by foobar </div>
</div>
<div class='visitor_message'>
<div class='user_info'> Visitor Message Poster Info </div>
<div class='message'> Undeleted Content </div>
</div>
我正在 vBulletin 上使用一种样式来删除一个元素,该元素包含一个类已删除的元素,因此软消息将被完全删除。如果我只是隐藏 .deletedmessage,它仍然会留下信息栏。
那么开门见山,是否可以选择具有指定元素的元素?
我想选择包含.deletedmessage 的.visitor_message,可以吗?如果是,怎么办?如果不是,有人可以解释如何在 jQuery 或 javascript 上执行此操作吗?
最佳答案
就 CSS 而言,您基本上是在请求“祖先选择器”。至少 CSS3 没有这样的东西。非常粗略的解释是 CSS 通常看起来“在”而不是在外面。我记得在某处读到允许选择器查看 parent /祖先也会对性能产生重大影响,但目前无法提供引用。
使用 jQuery,您可以 use .has() to achieve this :
$('.visitor_message').has('.deletedmessage')
(请注意,我仅向您展示了选择位。)
关于css - 选择具有指定元素的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8475420/