I am using CSS selectors to try to hide everything in my .text-wrap div except for the first UL and the first H3, however the selectors I have below are not working as expected. 

CSS:

```
.text-wrap {
  >*:not(h3:first-of-type):not(ul:first-of-type) {
    display: none;
  }
}

```

HTML:

```
<div class="text-wrap>
  <h3>My h3</h3>
  <ul>
    <li>item 1</li>    
    <li>item 2</li> 
  </ul>
  <p>paragraph</p>
  <ul>
    <li>item 1</li>    
    <li>item 2</li> 
  </ul>
</div>

```