我试图覆盖由第三方API设置的内联样式,
有问题的元素

<li class="BrainhubCarouselItem BrainhubCarouselItem--active"
style="padding-right: 25px; padding-left: 25px; width: 225px;
max-width: 225px; min-width: 225px;"/>


我试过像这样选择元素

li.BrainHubCarouselItem.BrainHubCarouselItem--active {
  padding-left: 3px !important;
  padding-right: 3px !important;
  width: 100px !important;
  min-width: 100px !important;
}


但是没有样式发生

最佳答案

将BrainHubCarouselItem更改为BrainhubCarouselItem(从H到h)

li.BrainhubCarouselItem.BrainHubCarouselItem--active { .... }


所以你的CSS看起来像这样

li.BrainhubCarouselItem.BrainhubCarouselItem--active {
  padding-left: 3px !important;
  padding-right: 3px !important;
  width: 100px !important;
  min-width: 100px !important;
}

09-17 13:45