| <!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> |