I am just playing with css to learn. I am unable to understand why I am getting red as the background color while I expect it to be green or yellow.

CSS
---

```
div
{
    height:100px;
    width:100px;
}
body > div
{
    background-color:red;
}

div
{
    background-color:yellow;
}
*{
    background-color:green;
}

```

Html
----

```
<div>
    red
</div>

```

Demo
<http://jsfiddle.net/XxDcL/>

**I am looking for the reason, why its happening so**, not fixes to make the div's background color to yellow or green.