html - 親 div に複数のクラスがある場合のネストされた div のターゲット設定

Question

block以下の例のクラスをターゲットにしようとしています。問題は、親 div にまたはblockのクラスがあるかどうかに応じて、それぞれを異なる方法で扱う必要があることです。私が試したものはすべてピックアップされていません (Mac OS X の Chrome)。残念ながら、マークアップを変更することはできません。alignleftalignright

<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内にあることを確認する必要があるため、私にとっては役に立ちません。divsection

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

PSかなりの数の検索を行いましたが、この特定の質問に答えるものは何も思いつきませんでした. CSSも苦手なので、参考になれば幸いです。