html - 在一个类中使用多个 +(加)运算符是否合法？

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 after #nav-tablet:hover，不过，~ 做得很好。

#nav-tablet:hover ~ ul