несколько классов CSS странное поведение

Question

У меня был класс, как этот

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

мне нужно, чтобы сделать текст в некоторых из элементов смелыми, так что я сделал это:

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

это не работает но это было сделано:

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

Почему? Разве это не то же самое?
Благодаря
Не знаю CSS это хорошо

Answer 1

Это правильное поведение. .class1.class2.class3 соответствует элементам, имеющим все три класса. .class1 .class2 .class3 соответствует элементу .class3 внутри элемента .class2 внутри элемента .class1.

Если вы хотите применить тот же стиль для трех отдельных классов, необходимо разделить их запятыми (например, .class1, .class2, .class3 { font-weight: bold; })

Answer 2

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

означает элемент с классом .info, который вложен в .containerrow который вложен в .lifetime

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

означает, что элемент с классами .lifetime, .containerrow и .info

Answer 3

Я предполагаю, что вы хотите ар курсируют смелое начертание шрифта для нескольких классов:

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

Вы должны отделить классы с запятой, чтобы выбрать различные классы по различным элементам еще применяется один и тот же стиль.

С селектором: .lifetime .containerrow .info вы выбирали один элемент, который имел .info класс, который был потомком .containerrow, который в свою очередь был ребенком .lifetime.