jQuery - Change the CSS of an Element Using jQuery

Tell us what’s happening:
I am being told to select the target1 element and change the color to red. I am doing this but it does not register as passing all the tests. The terminal simply says, " Your target1 element should have red text." The text is absolutely red.

Your code so far

  $(document).ready(function() {
    $("#target1").css("color", "red");

<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
    <div class="col-xs-6">
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: jQuery - Change the CSS of an Element Using jQuery

Link to the challenge:

Your code is passing for me.

Make sure you do not have any extensions running that are blocking anything or changing the colors. Or try it in a different browser.

Yeah, it works outside of chrome. All extensions are disabled. Thanks for checking!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.