Div标签用于封装li标签

Question

我们使用CSS制作了<ul>和<li>标签构建的导航菜单。当用户将鼠标悬停在菜单项上时，子菜单会显示出来。

我正在尝试为菜单和子菜单添加边框。我是否可以将所有<li>元素封装在<div>元素中。我知道，<div>不是<ul>的有效子项，但在这种情况下，浏览器（chrome）会正确呈现它。根据用例，我们不关心其他浏览器。

在这种情况下，使用<div>标记封装<li>标记以添加边框是否可以。

Answer 1

不行不行，根据W3C规范，<div>不允许使用<ul>个标记（请参阅this page）。

为什么不将border css规则添加到周围的<ul> / <ol>元素中？或者，您可以将<ul> / <ol>元素封装在带有边框的<div>中。