父对象悬停时CSS保持子对象不过滤灰度

我有两个街区——父母和孩子。悬停-父块更改灰度。如何使child div保持绿色悬停（不是灰色，而是绿色）

.家长{
颜色：红色
宽度：100px；
高度：100px；
}
.孩子{
颜色：绿色
宽度：50px；
高度：50px；
}
.家长：悬停{
过滤器：灰度（100%）
}

由于您添加了更多的代码，我不确定您到底想实现什么，但这不应将过滤器应用于孩子

.parent+child :hover {
   filter:none;
}

---

我想不出直接的方法，但这里有一个使用绝对定位的解决方法

.包装纸{
职位：相对
}
.家长{
背景色：红色；
宽度：100px；
高度：100px；
}
.孩子{
背景颜色：绿色；
宽度：50px；
高度：50px；
位置：绝对位置；
排名：0；
左：0；
}
.家长：悬停{
滤镜：灰度（100%）；
-webkit过滤器：灰度（100%）；
}

否。所有子元素均为灰色。但是试试这个：

.parent{
宽度：100px；
高度：100px；
位置：相对位置；
}
.childbg{
背景色：红色；
宽度：100px；
高度：100px；
位置：绝对位置；
z指数：0；
}
.孩子{
背景颜色：绿色；
宽度：50px；
高度：50px；
位置：绝对位置；
z指数：10；
}
.parent:hover>.childbg{
滤镜：灰度（100%）；
-webkit过滤器：灰度（100%）；
}

。奶奶{
宽度：100px；
高度：100px；
}
.家长{
颜色：红色；宽度：100px；
高度：100px；
}
.孩子{
位置：绝对位置；
颜色：绿色宽度：50px；
高度：50px；
}
.家长：悬停{
过滤器：灰度（100%）
}

奶奶
父母亲
小孩

你不能。过滤器会影响父对象和所有子对象。也许你应该告诉我们你真正想要达到的目标。所以，我应该将子块移出父块，并使其处于绝对位置？这是唯一的解决办法？那会怎么样？你需要告诉我们你想做什么…大概有一两幅图像涉及其中？父块有图像作为背景，子块是标签，这是实际的背景图像？所以。。。发生了什么事？

.parent+child :hover {
   filter:none;
}