Arhn - архитектура программирования

Создавайте селекторы без объявления

Я планирую использовать SASS, создав [_partial] и используя [@import].

Вопрос. Как создать селекторы без объявления?

Я, конечно, заполню селекторы объявлением, но этот ввод исходит от других [_partials]. Правильно ли я понял, что SASS удалит селектор без объявления? Есть ли обходной путь?

Моя частичная структура выглядит так, как показано ниже.

  • @import '_1-partial_variables.sass'
  • @import '_2-partial_divs_only.sass'
  • @import '_3-partial_wrapper.sass'
  • @import '_4-partial_divs_layout.sass'

Что я уже пробовал:

В [_2-partial_divs_only.sass] я пробовал:

.div-1

(сборка выполняется без ошибок, но сам div не создается).

.div-1 {};

(скрипт сборки говорит: «Ошибка: ожидается новая строка».

А как насчет тех же сценариев с использованием SCSS в качестве исходного файла?

Результаты точно такие же, селектор с пустым объявлением не создается.

Моя линия сборки:

sass --no-source-map main.sass main.css
sass
15.01.2019

  • Sass не удалит правило CSS без стилей (например, .foo {}) 15.01.2019
  • @Flying Согласно этой сообщенной проблеме SASS, он удалит ее: github.com/sass/sass/ вопросы/2069 15.01.2019
  • спасибо, тут я ошибся 15.01.2019
  • Я добавил ответ, который работает (селектор создается), но создает нежелательную структуру комментариев. Если пользователь SASS может лучше подтвердить, что природа SASS заключается в удалении селекторов с пустым объявлением, и найти лучший обходной путь, пожалуйста, поделитесь информацией. 15.01.2019

Ответы:


1

Кажется, это работает, чтобы компилятор SASS создал селектор [.div-1]:

.div-1
  /*! keep */

Это также работает:

.div-1
  /**/

Поскольку источником является файл SASS, я не добавляю ни [{}], ни [;].

Эти символы создаются автоматически при переходе с SASS на CSS.

15.01.2019
Новые материалы
Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..