Странное поведение css, что это?

Question

[Ainur Shakirov]

Заказали верстку, сделали, начал натягивать на сайт, и тут проблема: некоторые стили не пашут.

Например:
.result-search-table .title3
в верстке работает, а на натянутой на двиг - нет. Если убрать пробел так:
.result-search-table.title3 - то все пашет.

Блок:


С чем связанно? Структура одна, стили одни - результат разный. В втором случае просто еще есть стили от других страниц. Но эти стили вообще не подцепляются.

Answer 1

[Максим Тимофеев]

.result-search-table .title3 - срабатывает для элемента с классом title3 у которого есть родитель с классом result-search-table
.result-search-table.title3 - срабатывает для элемента у которого есть и класс title3 и класс result-search-table

Но в Вашем случае проблема где-то в другом месте, так как срабатывать должно именно так не зависимо от локалка это или сервер. Что бы найти ответ - нужна ссылка на сайт. В панеле разработчика любого браузера можно проверить какие стили действуют, какие нет и почему.

Comments

[Ainur Shakirov]

А тут почему работает?

[Максим Тимофеев]

Ainur Shakirov: Единственный разумный вариант без ссылки на проект:
потому что где-то выше есть родитель с классом result-search-table

[Ainur Shakirov]

Максим Тимофеев: точно... Спасибо)

Answer 2

[archelon]

.result-search-table .title3 - это если .title3 вложенный внутри .result-search-table
если оба класса относятся к одному элементу, то правильно именно как во втором варианте.

Comments

[Ainur Shakirov]

А, да точно. А почему в 1м случае работает?)