CSS-селекторы :: v-deep, /deep/ и > > > > > > не работают на страницах GitHub, но локально они работают


CSS-селекторы :: v-deep, /deep/ и > > > > > > не работают на страницах GitHub, но локально они работают

05.11.2020 03:32:37 Просмотров 40 Источник

Я пытаюсь реализовать анимацию типера с помощью: 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>

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

У вопроса есть решение - Посмотреть?

Ответы - CSS-селекторы :: v-deep, /deep/ и &gt; &gt; &gt; &gt; &gt; &gt; не работают на страницах GitHub, но локально они работают / CSS selectors ::v-deep, /deep/ and >>> not working on GitHub pages, but locally they do

Является ответом!
Jorje12

07.11.2020 03:52:33

Я продолжал:

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

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

<style scoped>
::v-deep .typed {
    color: #fff;
}
</style>
Помочь в развитии проекта:
Закрыть X