| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
| <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <title>Attribute value selectors (hyphen-separated attributes)</title> |
| <style type="text/css"><![CDATA[p { background-color : red } |
| p[lang|="en"] { background-color : lime } |
| address { background-color : red } |
| address[lang="fi"] { background-color : lime } |
| span[lang|="fr"] { background-color : red }]]></style> |
| <link rel="author" title="Daniel Glazman" href="http://glazman.org/"/> |
| <link rel="help" href="https://www.w3.org/TR/css3-selectors/#selectors"/> <!-- bogus link to make sure it gets found --> |
| <meta name="flags" content="" /> |
| </head> |
| <body> |
| <p lang="en-gb">This paragraph should have green background because its language is "en-gb"</p> |
| <address lang="fi"> |
| <span lang="en-us">This address should also</span> |
| <span lang="en-fr">have green background because the language of the inner SPANs |
| is not French.</span> |
| </address> |
| </body> |
| </html> |