Почему стили пишут так?

Question

[Dude-1]

.link-buy.active {
	padding-left: 30px;
}
.link-buy active{
    padding-left: 30px;
}

Чем отличается .link-buy active от .link-buy.active ? Я видел пишут еще через запятую. Можете объяснить чем это отличается?

Comments

[Евгений Ромашкан]

Может быть там было не через пробел а .link-bue:active?

Answer 1

[Сергей]

1) <div class="link-buy active"></div>
2)

<div class="link-buy">
  <div class="active"></div>
</div>

Прочитайте самоучитель htmlbook.ru/samcss

Comments

[Глеб Старков]

не сработает второе, точки нет

[SagePtr]

Во втором случае там у автора так:

<div class="link-buy">
  <active></active>
</div>

[Сергей]

Глеб Старков, SagePtr, может тс пропустил

[snap44]

Глеб Старков SagePtr не занудствуйте, очевидно что ТС пропустил точку.

Answer 2

[Rsa97]

RTFM