gpt4 book ai didi

html - 嵌套 ul 显示 :none doesn't work in IE8

转载 作者:行者123 更新时间:2023-11-28 05:00:49 24 4
gpt4 key购买 nike

使用 IE8(Windows XP 支持),以下简单的 CSS 选择器无法实现将嵌套的 ul 转换为 none 显示的目标。而是显示整个列表。此代码适用于 IE9+ 和所有其他现代浏览器。这是错误还是预期行为?

<html>
<head>
<style>
nav ul ul {
display: none;
}
</style>
</head>
<body>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Tutorials</a>
<ul>
<li><a href="#">Photoshop</a></li>
<li><a href="#">Illustrator</a></li>
<li><a href="#">Web Design</a>
</li>
</ul>
</li>
<li><a href="#">Articles</a>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">User Experience</a></li>
</ul>
</li>
<li><a href="#">Inspiration</a></li>
</ul>
</nav>
</body>
</html>

jsFiddle of above code here

最佳答案

这可能是因为 css 规则在 IE8 中无效,因为 nav 元素在该浏览器中不存在。规则 ul li ul 工作正常。

关于html - 嵌套 ul 显示 :none doesn't work in IE8,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15560477/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com