<p dir="auto">Challenge <a href="https://www.freecodecamp.com/en/challenges/html5-and-css/use-a-css-class-to-style-an-element" rel="nofollow">use-a-css-class-to-style-an-element</a> has an issue.<br>
User Agent is: <code class="notranslate">Mozilla/5.0 (X11; Linux x86_64; rv:48.0) Gecko/20100101 Firefox/48.0</code>.<br>
Please describe how to reproduce this issue, and include links to screenshots if possible.</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="

&lt;style&gt;
.red-text {
  color: red;
}
&lt;/style&gt;

&lt;h2 class=&quot;red-text&quot;&gt;CatPhotoApp&lt;/h2&gt;

&lt;p&gt;Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.&lt;/p&gt;

    ```
"><pre class="notranslate"><span class="pl-kos">&lt;</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>
.<span class="pl-c1">red-text</span> {
  <span class="pl-c1">color</span><span class="pl-kos">:</span> red;
}
<span class="pl-kos">&lt;/</span><span class="pl-ent">style</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">h2</span> <span class="pl-c1">class</span>="<span class="pl-s">red-text</span>"<span class="pl-kos">&gt;</span>CatPhotoApp<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>

<span class="pl-kos">&lt;</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.<span class="pl-kos">&lt;/</span><span class="pl-ent">p</span><span class="pl-kos">&gt;</span>

    ```</pre></div>
<h4 dir="auto">Challenge Name</h4>

<h4 dir="auto">Issue Description</h4>

<p dir="auto">Some of the issues cropping up seem to be a result of failed tests caused by either the editor or browser. They mostly seem to be limited to Firefox.</p>
<p dir="auto"><a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="176034767" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/10588" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/10588/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/10588">#10588</a> - Challenge: Change Color of Text<br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="175967647" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/10557" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/10557/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/10557">#10557</a> - Challenge: Target the Children of Element in jQuery<br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="176024322" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/10582" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/10582/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/10582">#10582</a> - Challenge: Use Clockwise Notation to Specify Padding<br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="175994635" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/10569" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/10569/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/10569">#10569</a> - Challenge: Change the CSS of an Element Using jQuery<br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="176052842" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/10603" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/10603/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/10603">#10603</a> - Challenge: Change the Font Size of an Element<br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="176006704" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/10572" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/10572/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/10572">#10572</a> - Challenge: Use RGB Values to Color Elements<br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="175953872" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/10539" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/10539/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/10539">#10539</a> - Challenge: Add Rounded Corners with a Border Radius<br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="175951463" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/10535" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/10535/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/10535">#10535</a> - Challenge: Give Background Color to Div Element<br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="176074186" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/10614" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/10614/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/10614">#10614</a> - Challenge: Size Your Images<br>
<a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="176076789" data-permission-text="Title is private" data-url="https://github.com/freeCodeCamp/freeCodeCamp/issues/10617" data-hovercard-type="issue" data-hovercard-url="/freeCodeCamp/freeCodeCamp/issues/10617/hovercard" href="https://github.com/freeCodeCamp/freeCodeCamp/issues/10617">#10617</a> - Challenge: Use a CSS Class to Style an Element</p>
<p dir="auto">I'll update this list as I confirm more.</p>
<h4 dir="auto">Browser Information</h4>

<ul dir="auto">
<li>Browser Name, Version: Firefox</li>
<li>Operating System: OS X</li>
<li>Mobile, Desktop, or Tablet: Desktop</li>
</ul>
<h4 dir="auto">Your Code</h4>

<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="

"><pre class="notranslate"></pre></div>
<h4 dir="auto">Screenshot</h4>