Как присвоить класс ID - css

Question

У меня есть этот код. Мне нужно, чтобы он покрыл специфику c ID # carousel02, но я не знаю, как это сделать.

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + 
    .carousel-item + .carousel-item + .carousel-item {
     transition: none;
     }
     .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
     .carousel-item-prev.carousel-item-right + .carousel-item,
     .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
      position: relative;
      }

Я пробовал разные варианты.

#carousel02 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)

или

#carousel02 .carousel-inner #carousel02 .carousel-item#carousel02.active:not(#carousel02 .carousel-item-right):not(#carousel02 .carousel-item-left)

Answer 1

Пожалуйста, используйте селектор ID перед назначением каждого родительского элемента.

  #carousel02 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + 
.carousel-item + .carousel-item + .carousel-item {
 transition: none;
 }
 #carousel02 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
 #carousel02 .carousel-item-prev.carousel-item-right + .carousel-item,
 #carousel02 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
  position: relative;
  }