Ориентация вложенного div, когда родительский div имеет несколько классов

Question

Я пытаюсь настроить таргетинг на класс block в примере ниже. Проблема в том, что мне нужно обрабатывать каждый block по-разному в зависимости от того, имеет ли родительский div класс alignleft или alignright. Все, что я пытаюсь, не получает (Chrome в Mac OS X). Я, к сожалению, не могу изменить разметку.

<div class="section alignleft"> 
    <div class="block"></div> 
</div> 

<div class="section alignright"> 
    <div class="block"></div> 
</div> 

В настоящее время я использую следующие CSS, которые не делает работы:

.section .alignleft .block { float: left; ... } 
.section .alignright .block { float: right; ... } 

Однако следующий делает работу, но не полезно для меня, как мне нужно, чтобы обеспечить block находится внутри div с классом section.

.alignleft .block { float: left; ... } 
.alignright .block { float: right; ... } 

P.S. Проделали немало поисков, но не придумали ничего, что отвечало на этот конкретный вопрос. Я также не очень хорошо разбираюсь в CSS, поэтому любая помощь будет очень оценена.

Answer 1

Целевой класс нужен только космические другие не хотят

Make Изменение CSS:

.section.alignleft .block 
{ 
float: left; 
... 
} 
.section.alignright .block 
{ 
float: right; 
... 
} 

Answer 2

Избавиться от пространства между классами

.section.alignleft .block { 
    /* Styles */ 
} 

.section.alignright .block { 
    /* Styles goes here */ 
} 

Так вот, я выбрать элемент, имеющий .block, который вложен в элемент, имеющий классы .section.alignleft в первый селектор и .section.alignright во втором селекторе.

Этот селектор, который вы используете .section .alignleft .block будет выбрать элемент, имеющий .block, который вложен в элемент, имеющий .alignleft, который дополнительно вложен в элемент, имеющий .section

Answer 3

Изменение CSS:

.section.alignleft .block { float: left; ... } 
.section.alignright .block { float: right; ... } 

Что вы где делали раньше, ищет .block в .alignleft в .section.

Вместо этого вам нужен .block внутри элемента с классами section и alignleft/alignright.