P粉4821083102023-08-27 10:46:27
질문을 올바르게 이해했다면 상위 구성 요소에 있는 일부 Flickity.vue
구성 요소의 스타일을 재정의하고 싶을 것입니다.
다음과 같이 범위가 지정된 CSS(예: <style scoped>
),样式仅应用于当前组件而不是其子组件。如果您想继续使用Scoped CSS,您可以在选择器周围使用:deep()
(Vue 2中的::v-deep
)를 사용하여 동적 하위 구성 요소를 타겟팅합니다.
Flickity.vue
组件自身对.carousel-cell
的作用域样式具有更高的CSS特异性,父组件需要提高其特异性(例如,使用!important
구성 요소 자체는 .carousel-cell
의 범위 지정 스타일에 대한 CSS 특이성이 높으므로 상위 구성 요소는 해당 특이성을 높여야 합니다(예: !important
사용).
또는 일반/범위가 지정되지 않은 <style>
块。只需删除scoped
속성을 사용할 수도 있습니다.