Question

2020/02/23 Добавлено про мой проект. Извините за отсутствие информации.

Мой проект является форком [Gatsby + Netlify CMS Starter] [1].

Я заменил all.sass на all.scss.

Я использую node-sass 4.11.0.

Я пытался скомпилировать файл .scss, как показано ниже.

body {
  background-color: #000000;
}

code {
  background-color: #ffffff;
}

Я ожидал css для <body> и <code> output.

Однако был выведен только кодовый блок body. Вот фактический результат.

body {
  background-color: #000000; }

Почему игнорируется селектор элемента для тега <code>?

sirogane · Answer 1 · 23 февраля 2020

Моя проблема была решена.

Извините, но это не из-за компилятора sass.

Мой проект использует Gatsby Plugin Purgecss, и этот плагин очищает блок <code>.

Я не сделал не считает, что Purge css считает <code> селектор ненужным, поскольку файл html, полученный при уценке, содержит тег <code>.

Однако, как написано здесь , Purge css ищет селектор только в папке src по умолчанию.

Bruno Novais · Answer 2 · 21 февраля 2020

Ваши теги кода находятся внутри тела?

должно быть

body {
  background-color: #ccc;
}

code {
  background-color: #fff;
}

<body>
  <code>
        teste
      </code>
  </body

снаружи есть какая-то ошибка, которую вы видели. https://codepen.io/novasdream/pen/dyopxpV

Селектор элемента для тега <code>игнорируется в scss

Пожалуйста, войдите или зарегистрируйтесь чтобы ответить на этот вопрос.