<!doctype html>
<html>
<head>
    <style>
        /* Pack them to fit everything in 800*600 */
        div > * {
            padding: 5px;
            width: 100px;
            float: left;
        }
        div > :not([data-webkit]) {
            background-color: red;
        }
        div > :not([data-webkit=foobar]) {
            background-color: blue;
        }
    </style>
</head>
<body>
    <p>Verify style sharing does not ignore data attributes.</p>
    <div>
        <div>No data-webkit</div>
        <div data-webkit>data-webkit defined</div>
        <div data-webkit="">data-webkit defined empty</div>
        <div data-webkit="foobar">data-webkit is foobar</div>
    </div>
    <div>
        <span>No data-webkit</span>
        <span data-webkit>data-webkit defined</span>
        <span data-webkit="">data-webkit defined empty</span>
        <span data-webkit="foobar">data-webkit is foobar</span>
    </div>
    <div>
        <input value="No data-webkit">
        <input data-webkit value="data-webkit defined">
        <input data-webkit="" value="data-webkit defined empty">
        <input data-webkit="foobar" value="data-webkit is foobar">
    </div>
</body>
</html>
