blob: 97df86e4248a86c78bd9d4ad899fc98c3d05352c [file] [log] [blame]
<!doctype html>
<html>
<head>
<style>
/* Pack them to fit everything in 800*600 */
div > * {
padding: 5px;
width: 100px;
float: left;
}
:matches([type] > *) {
background-color: red;
}
:matches([type=foobar] > *) {
background-color: blue;
}
</style>
</head>
<body>
<p>Verify style sharing does not ignore the "type" attribute.</p>
<div>
<div>
Padding
<span>No type<span>
<span>No type<span>
<span>No type<span>
Padding
</div>
<div type>
Padding
<span>Type defined<span>
<span>Type defined<span>
<span>Type defined<span>
Padding
</div>
<div type="">
Padding
<span>Type defined empty<span>
<span>Type defined empty<span>
<span>Type defined empty<span>
Padding
</div>
<div type="foobar">
Padding
<span>Type is foobar<span>
<span>Type is foobar<span>
<span>Type is foobar<span>
Padding
</div>
</div>
<div>
<span>
Padding
<span>No type<span>
<span>No type<span>
<span>No type<span>
Padding
</span>
<span type>
Padding
<span>Type defined<span>
<span>Type defined<span>
<span>Type defined<span>
Padding
</span>
<span type="">
Padding
<span>Type defined empty<span>
<span>Type defined empty<span>
<span>Type defined empty<span>
Padding
</span>
<span type="foobar">
Padding
<span>Type is foobar<span>
<span>Type is foobar<span>
<span>Type is foobar<span>
Padding
</span>
</div>
<div>
<input value="No type">
<input type value="Type defined">
<input type="" value="Type defined empty">
<input type="foobar" value="Type is foobar">
</div>
</body>
</html>