Ориентация на чистые элементы в следующем. js с модулями CSS - PullRequest
Новая
       78

Ориентация на чистые элементы в следующем. js с модулями CSS

1 голос
/ 19 июня 2020

Я переношу приложение с React на Next и постоянно получаю сообщение об ошибке с моим css: «ul» не является чистым (чистые селекторы должны содержать хотя бы один локальный класс или идентификатор).

Я использую модули css и не уверен, что можно сделать, чтобы сохранить все в модуле css.

например:

index. js

<div className={styles.container}>
  <ul>
    <li>Person One</li>
  </ul>
</div>

index.module. css

.container{
  background-color: pink;
}
ul{
  list-style-type: none; //this throws an error
}

1 Ответ

2 голосов
/ 19 июня 2020

Попробуйте указать className или id тегу ul, а затем напишите свои стили соответственно.

например:

index. js

<div className={styles.container}>
 <ul className={styles.container__list}>
  <li>Person One</li>
 </ul>
</div>

index.module. css

.container {
  background-color: pink;
}
.container__list{
  list-style-type: none;
}
...