Help with css styling Options

[chrisj]

This javascsript code shows this:

CODE

progressText = document.querySelector('#progress-bar .text');

I tried styling it with this, but no success:

CODE

#progress-bar .text {
color: #800000;
font: 20px arial;
}

CODE

<span id="progress-bar .text"></span>

what do I have wrong?

[Christian J]

Interesting username.

CODE

#progress-bar .text {
color: #800000;
font: 20px arial;
}

The CSS rule above applies to any HTML element with the CLASS "text" and which is a child of another element with the ID "progress-bar".

CODE

<span id="progress-bar .text"></span>

An ID attribute can only have one value. According to the stylesheet rule, the value "text" also needs to be in a CLASS attribute of a child element, and should not include the period sign. Something like this maybe:

CODE

<span id="progress-bar">
<span class="text">foo</span
</span>