I have a list with 16 products, but I want to show only 8 at a time, with a button to switch through the views.

I have this fiddle to show you..<https://jsfiddle.net/5cLvq6bm/2/>

Everything works fine if in css I have this :

```css
ul#carter li:nth-of-type(1n+9) {
  display: none;
}

```

But stops working if I add `!important` : 

```css
ul#carter li:nth-of-type(1n+9) {
  display: none!important;
}

```

If i don't use `!important`, `display:none` doesn't affect my list...

Any suggestions?