How do you change SPECIFIC slide nav dots?

Design help General
1

I know you can edit the the dots plus the active dot using .w-slider-dot and
.w-slider-dot.w-active

But how can I edit them one by one so that they all look different?

This is the slide nav that I’m looking to make image

2

I found the answer. For someone who might be looking at this in the future, the answer is to use “nth child selectors” its explained here

So to target the first dot I used .w-slider-dot:nth-child(1) { }

For the second one I used .w-slider-dot:nth-child(2) { } and so on