Блог

Я пытаюсь реализовать анимацию набора текста, используя: https://github.com/cngu/vue-typer
Проблема в том, что на страницах GitHub текст остается черным, и к нему не применяется правило стиля, но локально он работает с deep селекторами.

Я следил за документами и применял стили следующим образом:

   .vue-typer .custom.char.typed {
    color: #fff;
  }
  

Но это не сработало.

Поэтому я добавил:

   ::v-deep .typed {
    color: #fff;
  }
  /deep/ .typed {
    color: #fff;
  }
  >>> .typed {
    color: #fff;
  }
  

Я пробовал их все вместе и по отдельности. Текст всегда остается черным на страницах GitHub.

Мой шаблон страницы выглядит так:

 <template>
 <div>
  <section>
   <article>
    <div>
     <p>
      <vue-typer>
  

Как я могу это исправить?

Я продолжал:

 ::v-deep .typed {
    color: #fff;
}
  

и заставил это работать, удалив lang="css из style тега, который сейчас выглядит так:

 <style scoped>
::v-deep .typed {
    color: #fff;
}
</style>