<html>

    <head>

      <base href="https://bugs.webkit.org/" />

    </head>

    <body><table border="1" cellspacing="0" cellpadding="8">

        <tr>

          <th>Bug ID</th>

          <td><a class="bz_bug_link 

          bz_status_NEW "

   title="NEW - CSS rule with capital letter in &lt;link rel=import&gt; is ignored"

   href="https://bugs.webkit.org/show_bug.cgi?id=146610">146610</a>

          </td>

        </tr>

        <tr>

          <th>Summary</th>

          <td>CSS rule with capital letter in &lt;link rel=import&gt; is ignored

          </td>

        </tr>

        <tr>

          <th>Classification</th>

          <td>Unclassified

          </td>

        </tr>

        <tr>

          <th>Product</th>

          <td>WebKit

          </td>

        </tr>

        <tr>

          <th>Version</th>

          <td>528+ (Nightly build)

          </td>

        </tr>

        <tr>

          <th>Hardware</th>

          <td>PC

          </td>

        </tr>

        <tr>

          <th>OS</th>

          <td>Windows 8

          </td>

        </tr>

        <tr>

          <th>Status</th>

          <td>NEW

          </td>

        </tr>

        <tr>

          <th>Severity</th>

          <td>Major

          </td>

        </tr>

        <tr>

          <th>Priority</th>

          <td>P2

          </td>

        </tr>

        <tr>

          <th>Component</th>

          <td>CSS

          </td>

        </tr>

        <tr>

          <th>Assignee</th>

          <td>webkit-unassigned&#64;lists.webkit.org

          </td>

        </tr>

        <tr>

          <th>Reporter</th>

          <td>kivoloid&#64;gmail.com

          </td>

        </tr></table>

      <p>

        <div>

        <pre>The CSS rules with capital letter in &lt;link rel=import&gt; seems to be ignored in WebKit. For example, the CSS rule &quot;.foo .barWithCapital&quot; is not applied to the document, unlike the other rules in the code below.

&lt;!-- test.html --&gt;

&lt;html&gt;

    &lt;head&gt;

        &lt;link rel=&quot;import&quot; href=&quot;/out/test-library.html&quot;&gt;

    &lt;/head&gt;

    &lt;body&gt;

        &lt;div class=&quot;foo&quot;&gt;

            &lt;input class=&quot;barwithoutcapital barWithCapital&quot; /&gt;

        &lt;/div&gt;

    &lt;/body&gt;

&lt;/html&gt;

&lt;!-- test-library.html --&gt;

&lt;style&gt;

    .foo * {

        position: relative;

    }

    .foo input {

        top: 30px;

    }

    .foo .barWithCapital {

        left: 20px;

    }

    .foo .barwithoutcapital {

        border: 2px solid black;

    }

&lt;/style&gt;</pre>

        </div>

      </p>

      <hr>

      <span>You are receiving this mail because:</span>

      <ul>

          <li>You are the assignee for the bug.</li>

      </ul>

    </body>

</html>