0
是否这样？在列表标签之间放置DIV标签有效吗？
<li>Menu1</li><div></div>
<li>Menu2</li><div></div>
我这样做的原因是使用CSS来设置div的样式来制作带有渐变的分隔符。
A
回答
2
没有。您可以检查自己的位置：http://validator.w3.org/
您可能能够得到使用CSS伪元素::after，这取决于你如何造型你<li>提供了一个类似的结果。
E.g.
li {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
}
li::after {
display: inline-block;
content: "";
width: 10px;
height: 10px;
background: #000;
}
根据需要应用梯度的背景。
请注意，要支持IE8，您需要使用旧语法:after，而IE 7根本不支持此伪元素。
+0
这是一个非常整洁的解决方案，我可以避免将伪元素添加到最后一个列表项，但？ – user1209203
+1
这个作品李：不（：最后孩子）::之后 – user1209203
+0
@ user1209203：是的，点上。请注意，IE8不支持'：not（）'。如果你想支持IE8，你可以使用'：before'而不是':: after'，并且添加'li：first-child：before {display：none;}'（我认为）。 –
1
不！检查它：http://validator.w3.org/
编辑验证此程序，看看它是不是有效的：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li>Menu1</li>
<div></div>
<li>Menu2</li>
<div></div>
</ul>
</body>
</html>
+1
这在所有浏览器中都没有任何问题？ –
+2
+0
@StefanBrendle：总是？在所有情况下？没有问题吗？浏览器之间完全一致？你确定？ –
2
1
您更好地使用这样的，
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li>Menu1</li>
<li><div></div></li>
<li>Menu2</li>
<div></div>
</ul>
</body>
相关问题
- 1. 如何在div标签顶部放置div标签
- 2. div标签控件放置
- 3. 创建两列有序列表。我可以在OL和LI标签之间放置DIV吗？
- 4. 如何在div中设置p标签，在td标签中设置div标签
- 5. 间距div标签表
- 6. 在周期标记之间放置x轴标签
- 7. 删除div标签之间的空间
- 8. div标签之间的垂直空间
- 9. 两个div标签之间的空间
- 10. Docusign API，在发送之前放置所有签名标签
- 11. HTML对象标签可以放在HTML表单标签中吗？
- 12. 布置div标签
- 13. 标签之间的preg_replace标签
- 14. 硒标签之间getAttribute标签？
- 15. html把div放在z轴上的td标签之间
- 16. 各地div标签裹表标签
- 17. 获取DIV标签之间的值？
- 18. 域之间提供单一div标签
- 19. preg匹配标签之间的标签之间的相同标签
- 20. 如何放置的div标签为数据列表控制
- 21. 在xticks之间设置标签
- 22. 标签掉下来在列表标签
- 23. HTML5标签和div标签
- 24. 在python中放置标签
- 25. Bootstrap标签有效
- 26. 当标签放置在标签内时，图片标签显示pdf图标
- 27. 如何将视频标签放在div标签中？
- 28. 如何将textarea标签放在div标签内？
- 29. 使用css将div标签放在彼此顶部的标签
- 30. 如何将img标签和div标签放在一起？
也许可以添加空li标签，并且您可以为其添加样式 –
否 - @ user1209203为什么需要添加它们？如果你想要一些风格，只需添加一个'span'并使其成为'display：block;'给它一个div的特征。 – Nitesh
我只是使用图像背景，我希望只使用CSS – user1209203