Question

What does the following CSS syntax mean?

.x-data .x-time span

Answer 1

it is a selector for a span that resides in a div (or anything) with class .x-time, which inturn is nested inside a class .x-data

for example, if you had the css like:

.x-data .x-time span {
    font-size: 12px;
    color: red;
}

and then a structure like this:

<div class="x-data">
    <div class="x-time">
        Time: <span>12:00</span>
    </div>
</div>

then the 12:00 is going to be in font size 12, and in red. where as “Time:” part is just going to follow the inherited format.