descendant-selector-000

Selectors: Descendant selectors

WeasyPrint

This browser

Assertion
Browsers should apply each rule to the descendant elements

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3  <head>
 4   <title>CSS Test: Selectors: Descendant selectors</title>
 5   <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com">
 6   <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#descendant-selectors">
 7   <meta name="flags" content="">
 8   <meta name="assert" content="Browsers should apply each rule to the descendant elements">
 9 <style type="text/css">
10 body p {border: thin solid orange}
11 div p {border: thin solid blue}
12 h4  span {border: thin solid fuchsia}
13 </style>
14  </head>
15  <body>
16 <p>This paragraph should have a thin orange border.</p>
17 <div><p>This paragraph should have a thin blue border.</p></div>
18 <h4><span>This text should have a thin fuchsia border.</span></h4>
19  </body>
20 </html>