在一个类中使用多个+（加号）运算符是否合法？

Question

我目前正在编写响应式设计，我正处于导航崩溃的地步。

为实现这一目标，我创建了两个div和一个ul。 ul包含我的nav元素，而div将显示导航图像以便使用移动设备和平板电脑下拉。

HTML

<div id="nav-tablet"><img></div>
<div id="nav-mobile"><img></div>
<ul></ul>

CSS

#nav-tablet:hover + div + ul {
    display:inline;;
}

我已经测试过并且有效。我想验证它是有效的CSS。

Answer 1

是的，它完全有效。您可以根据需要使用尽可能多的+个。 （或者 ，或>或~。

如果您只想在 ul之后匹配任何#nav-tablet:hover ，~可以很好地匹配。

#nav-tablet:hover ~ ul

Answer 2

绝对。它与table>tbody>tr>td一样有效 - 组合数量没有限制。

请注意+处理速度可能比其他组合器慢一些，所以不要过度使用它。