gpt4 book ai didi

css - IE7、IE8 子选择器问题

转载 作者:技术小花猫 更新时间:2023-10-29 11:25:44 26 4
gpt4 key购买 nike

我在 HTML 页面中有一个使用子选择器的 CSS 样式,如下所示:

<html>
<head>

<title>MSO Bug</title>
<style type="text/css" media="screen,print">
ol{list-style-type:decimal;}
ol > ol {list-style-type:lower-alpha;}
ol > ol >ol {list-style-type:lower-roman;}
</style>

</head>
<body>

<div>
<ol>
<li><div>level1</div></li>
<ol>
<li><div>level2</div></li>
<ol>
<li><div>level3</div></li>
</ol>
</ol>
</ol>

</div>
</body>
</html>

在 Firefox 中,CSS 正常工作 - 第一个列表级别以“1”开头,第二个以“a”开头,第三个以“i”开头。

但这在 IE7/8 中不起作用!

(我知道后代选择器——出于某种原因我不能在这里使用它)

最佳答案

您需要为子后代指定 DOCTYPE 才能在 IE7/8 中工作。

HTML 4.01 严格:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 过渡:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">>

HTML 4.01 框架集:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

如果没有 DOCTYPE,IE 将恢复到怪癖模式,并且将只支持后代选择器,而不支持子选择器。

关于css - IE7、IE8 子选择器问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2818198/

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