Question

I had a class like this

.lifetime .containerrow
{
    text-align: center;
    height: 20px;
}

I needed to make the text in some of the elements bold so I did this:

.lifetime .containerrow .info
{
    font-weight:bold;
}

this didn’t work but this did:

.lifetime.containerrow.info
{
    font-weight:bold;
}

Why?
Isn’t is the same thing?
Thanks
Don’t know css that well

Answer 1

That’s correct behaviour. .class1.class2.class3 matches elements that have all three classes. .class1 .class2 .class3 matches an element of .class3 inside an element of .class2 inside an element of .class1.

If you want to apply the same style to three separate classes, you need to separate them with commas (e.g. .class1, .class2, .class3 { font-weight: bold; })