class-002.xht (967B)
1 <?xml version="1.0" encoding="utf-8"?> 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title>CSS Test: Selectors: Class selectors: Multiple classes</title> 6 <link rel="author" title="Gabriele Romanato" href="mailto:gabriele.romanato@gmail.com" /> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#class-html" /> 8 <link rel="match" href="class-002-ref.html"/> 9 <meta name="assert" content="Browsers should apply each rule to the elements which have the specified class or classes"/> 10 <style type="text/css"> 11 .foo {color: fuchsia} 12 .foo.moo {border: thin solid;} 13 h4.title {color: blue; border: none;} 14 15 </style> 16 </head> 17 <body> 18 <p class="foo">This text should be fuchsia.</p> 19 <div class="foo moo">This text should be fuchsia with a thin fuchsia border.</div> 20 <h4 class="title moo">This text should be blue without any border.</h4> 21 </body> 22 </html>