CSS:仅当元素包含特定元素时才选择该元素

CSS:仅当元素包含特定元素时才选择该元素,css,printing,css-selectors,Css,Printing,Css Selectors,我正在创建一个打印样式表,仅当标记包含一个iframe(恰好是嵌入的YouTube视频)时,我才想隐藏所有figure标记。如果图标签包含任何其他内容(即img),我希望标签及其内容仍显示在打印页面上 我知道我可以简单地将“视频”的类应用到我的图标签上,但我想看看是否有一种方法可以通过CSS实现这一点,而不必在整个网站上添加类。此外,尽管我知道它们存在,但我并不是在寻找jQuery解决方案 谢谢大家! 您正在寻找父选择器 CSS3没有,但CSS4有一个类似于使用$选择的选项 以下是一些结果相似的

我正在创建一个打印样式表,仅当标记包含一个
iframe
(恰好是嵌入的YouTube视频)时,我才想隐藏所有
figure
标记。如果
标签包含任何其他内容(即
img
),我希望标签及其内容仍显示在打印页面上

我知道我可以简单地将“视频”的
应用到我的
标签上,但我想看看是否有一种方法可以通过CSS实现这一点,而不必在整个网站上添加类。此外,尽管我知道它们存在,但我并不是在寻找jQuery解决方案

谢谢大家!

您正在寻找父选择器 CSS3没有,但CSS4有一个类似于使用
$
选择的选项

以下是一些结果相似的类似问题:

实际上,CSS4为您提供了一个父选择器。我假设仅隐藏iframe是不够的?Praveen>>我认为浏览器支持还不够高,目前还不足以成为一个可行的解决方案。Shmidty>>我尝试过只隐藏iframe,但很快就意识到,我也需要隐藏相关的figcaption。我可以用iframe~figcaption来完成这一点,但随后留下了一个数字标签,由于指定的边距和填充,在我的打印纸上创建了一个空白区域。唉,这就是为什么我希望看到整个图形被隐藏起来,而不仅仅是它的单个内容。(我编辑了我的原始帖子,希望能让这更清楚。)@Praveen Kumar:不,没有。仅供参考,
$
语法已经被删除。没人知道最终的语法是什么。让我们看看。。。CSS 4有一些东西,然后…:D等待…:D