Question

我正在制作一个可挖掘的ul，在另一个p中显示div元素。

由于纯CSS中没有父选择器，我陷入困境，无法弄清楚它应该如何工作。

小提琴因某些原因（对我来说）不起作用，所以这里有一个bin：

https://jsbin.com/yohapudimo/edit?html,css,output

我尽力而为：

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

尝试定位兄弟div

Answer 1

我认为没有JS可能有可能...这是未经测试的，尽管如此熊 - 我也必须是一个相邻的元素，我不确定是否是一个问题？

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

#myPCont p {
  display: none;
  color: #fff;
}

.myCont:hover+#myPCont p {
  display: block;
}

#myPCont {
  background: #333;
  height: 300px;
  width: 300px;
}

<div class="myCont">
  <ul class="hoverShowP">
    <li>This is my first list item</li>
    <li>This is my second..</li>
    <li>And this is my third.</li>
  </ul>
</div>

<div id="myPCont">
  <p>Heyooo!</p>
</div>

显示悬停SCSS / CSS的信息

1 个答案: