覆盖式不会影响到翻转时钟cdn。

Question

我试图在我的Nuxt项目中使用flip-clock。它是工作的，但是当我试着定制风格时，它没有反映出变化。

的HTML

<template>
  <div class="clock">
    <div id="flip-start" v-if="flipStart">
      <flip-clock @timer-stop="stopTimer"></flip-clock>
    </div>
  </div>
</template>

格调

.flip-clock-wrapper {
  width: auto;
  margin: auto !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 100%;
}

.flip-clock-divider,
.flip-clock-label {
  color: #7e92b5 !important;
  font-size: 25px !important;
}

.flip-clock-wrapper ul {
  width: 100%;
  height: 100%;
  margin: auto !important;
}

我想改变翻转钟的标签，特别是以下几点

Answer 1

.flip-clock-label[data-v-f3eg9whatever] 不存在;)

把全局CSS类放在 <style></style> 而只有那些应该在范围内的组件才会在 <style scoped></style> 两全其美