Question

What do these two CSS selectors mean?

h1#myItemOne h2
{
    background:#0099FF;
    color: #A3F4A3;
}

h1.myItemTwo  h2
{ 
    background:#0099FF;
    color: #A3F4A3;
}

Are these two selectors valid for use?

Answer 1

The first matches an h2 element that is a child descendant of an h1 element with the id myItemOne

Example:

<h1 id="myItemOne">
    <h2>Me!</h2>
</h2>

The second matches an h2 element that is a child descendant of an h1 element with the class myItemTwo

Example:

<h1 class="myItemTwo">
    <h2>Me!</h2>
</h2>

They are both valid. The major difference is that id should be unique. Class does not have this requirement.

Reference: http://www.w3.org/TR/CSS2/selector.html