css - 选择具有指定元素的元素

标签 css css-selectors

我是一个名为 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/

相关文章:

html - 无法让 CSS 第 n 项起作用

jQuery:选择具有某些属性集的所有 p 元素

html - Css 样式优先级

asp.net - 您将如何显示在从模板构建的网站上选择了哪个选项卡?

html - 最大高度设置为 child 的高度

html - 我怎样才能用 CSS 专门针对这个元素 id?

javascript - 隐藏父 block (显示:none) if child element content text

html - 绝对位置不在父级内部

html - 将元素固定到 flex 容器的底部

html - 其他屏幕尺寸的破损背景图像图案