Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 基于最近的祖先选择元素_Html_Css - Fatal编程技术网

Html 基于最近的祖先选择元素

Html 基于最近的祖先选择元素,html,css,Html,Css,我想写一个CSS代码,根据最近的祖先选择它。例如,在本HTML中: .ancestor1.child{ 颜色:红色; } .2.孩子{ 颜色:蓝色; } 你好 您好 要做到这一点,最简单的方法是使用jQuery。如果使用jQuery,则可以使用函数closest。让潜水艇离你最近。如果这不是最接近您孩子的div的正确div调用,直到您获得想要的div。请查看: 斯文是一个非常模糊的问题。你所关注的是CSS而不是JavaScript吗 如果您与javascript相关,那么如果不相关,那么这很

我想写一个CSS代码,根据最近的祖先选择它。例如,在本HTML中:

.ancestor1.child{
颜色:红色;
}
.2.孩子{
颜色:蓝色;
}

你好

您好


要做到这一点,最简单的方法是使用jQuery。如果使用jQuery,则可以使用函数closest。让潜水艇离你最近。如果这不是最接近您孩子的div的正确div调用,直到您获得想要的div。请查看:


斯文是一个非常模糊的问题。你所关注的是CSS而不是JavaScript吗

如果您与javascript相关,那么如果不相关,那么这很可能是一个重复的问题

你可以试试这个:如果我理解你的问题,也许你可以试试这个

.ancestor1 p.child{
颜色:红色;
}

你好


我只想知道CSS是否不可能:|你想在“在这个例子中我想应用
.ancestor2.child
”中应用什么?@Jonjie,类似于
背景色
,我想知道如何使用CSS选择它。是的,我只想使用CSS,在
jQuery
中有一个函数名
最近的
可以这样做,但我想知道在纯CSS中也可以这样做吗?好的。答案是否定的。在CSS3规范中,没有办法在CSS not事件中选择父元素。为了实现这一目标,您必须使用JavaScript。以下是CSS选择器的规格:-如果没有其他有趣的解决方案,我会接受这个。谢谢。有些人已经向您展示了如何使用jQuery实现这一点。在普通JavaScript中:var el=document.querySelector(yourElementHere);el.parentNode;谢谢你提到它,但我想知道有没有一个纯粹的CSS解决方案也为它或没有。我的问题的javascript解决方案是您所说的函数(最接近)。