<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" bgcolor="#0000FF">
<head>
<title>HTML style atributes selcted by Attribute selectors | CSS Class</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
<meta name="copyright" content="Copyright 2007, Alan Gresley" />
<link rel="shortcut icon" href="favicon.ico" />

<style type="text/css">
html {margin:20px;padding:20px;border:2px solid black}
html[bgcolor="#0000FF"] {background:#ae9}
body {margin:20px;padding:20px;border:2px solid black}
body[bgcolor="#FF0000"] {background:#6ea}
table[border="100"] {border-width:10px}
table[width="100%"] {background:#FFC}
table[foobarstuff="food"] {text-align:right}

</style>


</head>

<body bgcolor="#FF0000">

<h1>HTML style atributes selected by Attribute selectors</h1>

<table width="100%" border="100" foobarstuff="food">
<tr><td>Table</td></tr>
</table>

<p>This test has invalid HTML but valid CSS. See test with <a href="http://css-class.com/test/css/selectors/property-attribute.htm">valid HTML and CSS</a> or <a href="http://css-class.com/test/css/selectors/property-attribute2.htm">invalid HTML and CSS</a>. After many assumption I am to discover that in IE7 depreciated HTML attributes can not be used as the value for the attribute in an Attribute Selector but unknown HTML attributes can be used.</p>

</body>
</html>