有没有办法只将 css 类应用于当前元素而不影响它的子元素或内容？

【问题标题】：Is there a way to apply css class only to the current element without affecting it's children or content?有没有办法只将 css 类应用于当前元素而不影响它的子元素或内容？
【发布时间】：2022-07-18 18:17:25
【问题描述】：

     <q-carousel-slide
       class="black-bg"
       :name="1"
       img-src="https://cdn.quasar.dev/img/mountains.jpg"
     >
       <div class="text-h5 text-white">Lacak Posisi Anda</div>
     </q-carousel-slide>

我只想将 class black-bg 应用于 q-carousel-slide 而不影响 div。

【问题讨论】：

标签： javascript css quasar-framework

【解决方案1】：

如果 div 有一个透明或半透明的背景，它会从其父级继承其背景，那么你对 q-carousel-slide 元素所做的任何事情都不会改变它。

如果样式表（或 JavaScript）具有针对属于特定类成员的元素的后代或子元素的规则，那么您对 HTML 所做的任何事情都不会改变这一点。

【讨论】：