mirror of
https://github.com/servo/servo.git
synced 2025-08-02 04:00:32 +01:00
29 lines
1,001 B
HTML
29 lines
1,001 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>:only-child test</title>
|
|
<style type="text/css">
|
|
html:only-child { background: red; }
|
|
html { background: yellow;}
|
|
|
|
p { width: 20px; height: 20px; background: orange; float: left; margin-left: 10px; }
|
|
div { clear: both; }
|
|
#d1 > p, #d2 > p, #d3 > p, #d4 > p { background: red; }
|
|
#d1 > *:only-child { background: green }
|
|
#d2 > *:only-child { background: green }
|
|
#d3 > *:only-child { background: green }
|
|
#d4 > *:only-child { background: green }
|
|
#p5, #p6 { background: green; }
|
|
#d5 > *:only-child { background: red }
|
|
#d6 > *:only-child { background: red }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="d1"><p> </p></div>
|
|
<div id="d2"> <p> </p></div>
|
|
<div id="d3"><p> </p><!-- comment --></div>
|
|
<div id="d4"><!-- comment --><p> </p></div>
|
|
<div id="d5"><p id="p5"> </p><span> </span></div>
|
|
<div id="d6"><span> </span><p id="p6"> </p></div>
|
|
</body>
|
|
</html>
|