在悬停SCSS/CSS上显示信息

我正在制作一个可悬停的

ul

，它在另一个

div

中显示

p

元素

由于在纯CSS中没有父选择器，我被卡住了，无法理解这应该如何工作

由于某种原因（对我来说），小提琴不起作用，所以这里有一个箱子：

我最大的努力是：

#infoDrop > li:hover ~ #aboutPara > p{
  display: inline;
}

---

当我试图瞄准一个兄弟div时，我认为如果没有JS，这是可能的。。。这是未经测试的，但请容忍--它还必须是相邻的元素，我不确定这对您是否有问题

如果这对你不起作用，恐怕你需要JS

#myPCont p{
显示：无；
颜色：#fff；
}
.myCont:hover+#myPCont p{
显示：块；
}
#麦普康{
背景：#333；
高度：300px；
宽度：300px；
}

这是我的第一个列表项
这是我的第二次
这是我的第三次

你好

您需要javascript来处理该标记

#AboutData

不是

li

的兄弟。由于页面负载和技能设置，尝试避免编写脚本。那么，纯CSS和该标记是不可能的。正如您已经知道的，CSS中没有父选择器，请在问题本身中包含所需的所有代码。不要让我们离开现场去寻找重要部件，比如标记。你最好的选择是一个关于它自己的问题。使用编辑器中的

按钮添加交互式代码段。downvote？人们也会因为链接到小提琴而获得否决票吗？？？我正在研究这个。一旦我让它工作了，它会标记为答案。使用这个，它在完全工作后创建了三倍的标记。但是它工作了。总有一天他们会实现一个父选择器。。。不会让我屏住呼吸的，加价是原来的三倍？听起来是重新考虑js选项的原因。它可能比额外的标记更轻，并且更具可伸缩性。现在你有了一个扩展到这项技能的借口set@Ja-太棒了！你能接受正确的答案吗？非常感谢。虽然代码不起作用，但它是朝着正确方向迈出的一步。My

ul

需要为每个

li

显示相应的内容，而不是单个

myPCont

。

+

选择器以

~

结束。