How to set properties for the first active slide in owl.carousel2?

Question

css

Good day. There is a task to set the properties to the first of two active slides. Why doesn't this build work?

.owl-carousel .owl-item.active:first-child .slide{
font-size: 18px;
}
.owl-carousel .slide{
font-size: 16px;
}

Answer 1

If the active slides are located in a row or related, within the same parent:

.owl-carousel .owl-item.active .slide{
font-size: 18px;
}
.owl-carousel .owl-item.active ~ .owl-item.active .slide{
font-size: 16px;
}
.owl-carousel .slide{
font-size: 16px;
}