Child selector problem in IE7, IE8
Posted
by Raj
on Stack Overflow
See other posts from Stack Overflow
or by Raj
Published on 2010-05-12T11:12:23Z
Indexed on
2010/05/12
11:24 UTC
Read the original article
Hit count: 167
Hi, I have a CSS style using child selectors in an HTML page as follows:
<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>
In Firefox, the CSS works properly - the first list level starts with '1', the second with 'a', and the third with 'i' as expected.
But this doesn't work in IE7/8!
(I'm aware of descendent selectors - for some reason I can't use that here)
© Stack Overflow or respective owner
