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

Question

我目前正在编写响应式设计，并且我正处于导航折叠移动设备的地步。

为此，我创建了两个divs 和一个ul. ul包含我的元素nav，而divs 将显示导航图像以使用移动设备和平板电脑进行下拉。

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

是的，这是完全有效的。您可以使用任意数量+的 s。（或 ，或>，或~就此而言。）

但是，如果您只是想匹配任何ul after #nav-tablet:hover，~那很好。

#nav-tablet:hover ~ ul

Answer 2

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

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