Как правильно использовать :first-of-type?

Question

[sanke46]

Такой CSS не работатет с библиотекой : nouislider
Что делать ?
https://refreshless.com/nouislider/

#slider .noUi-tooltip:first-of-type {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
    bottom: -230%;
}

#slider .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  bottom: 110%;
  /*right: 120%;*/
}

Answer 1

[ElijahTr]

На https://refreshless.com/nouislider/
заработал вот такой выбор тултипов:
(на слайдер который вертикальный с 4-мя указателями)

.noUi-base .noUi-origin:first-of-type .noUi-tooltip {
    color: green;
}

.noUi-base .noUi-origin:nth-of-type(3) .noUi-tooltip {
    color: magenta;
}

.noUi-handle-upper .noUi-tooltip {
    color: red;
}

.noUi-base .noUi-origin:nth-of-type(5) .noUi-tooltip {
    color: blue;
}

P.S. Почему nth-of-type(5) когда их там 4 и почему только на нечетные работает я не понял, но особо не разбирался.