Given the following class declarations and code...

```css
.foo > a { color:green; }
.bar a { color:red; }
```

```html
<div class="bar">
    <div class="foo">
        <a href="#">SOME LINK</a>
    </div>
</div>
```

... I thought that the link would be green because, while both declarations have a class (010) and an element (001), `.foo` has the direct descendant selector. But alas, the link is red. **Why?**