Question: I have an HTML structure like so:

```
<div class="outer">
    <div class="parent">
       <div class="child"> <!-- TARGET THIS CLASS -->
       Words!
        </div>
    </div>
    <div class="parent">
       <div class="child">
       Words!
        </div>
    </div>
</div>

```

I am trying to target the first occurrence of the `.child` class in the HTML. I have tried 

```
.child:first-child

```

But that targets both `child` classes. I have also tried 

```
.outter > .child:first-child

```

But that doesn't seem to target the `div` at all. Any suggestions?

Answer: 
You can use multiple pseudo classes (just not on the same element)

`.outer .parent:first-child .child:first-child {
 //css here
}`
```
.parent:first-child 

```

seems to work