CSS selector not working with children

Question

I want to add some css rules to .container.picture but only in .medium-width. HTML is:

<div class="block medium-width">
  <div class="container picture">
    <img src="img/car4.png" title="Car">
  </div>
  <div class="container text">
  </div>
</div>

CSS is:

.medium-width > .container.picture
    {
        width: 50%;
        float: left;
    }

Is something wrong in this selector?

Answer 1

No.
You may have other rules applied, or a context that prevent this selector from working.
But here, selector's right