Question about jQuery .children() function, challenge 107

JavaScript
1

Hi all,

I’ll jump right into it. I am working on challenge 107. It shows what the .children() function can do.
I’ll paste the code below.
My question is why is the function changing the colour of the text in the button and not the colour of the buttons themselves. Is it because the text colour is a step up on the hierarchy?

Thanks in advance.

Here is the line where it is being used:

 $("#right-well").children().css("color","orange");

it will be affecting this code:

    <div class="col-xs-6">
      <h4>#right-well</h4>
      <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>
      </div>
    </div>
2

The (background) color of the button is set with the CSS background-color property.

3

Got it. I was able to change the background colour by changing the code as follows:

 $("#right-well").children().css("background-color","orange");

Thanks for the help