Блог

Я хотел бы намеренно установить переменную scss со строкой в качестве значения свойства, которое будет считываться как недопустимое и, следовательно, не повлияет на мой пользовательский интерфейс. Например.

 $invalid: "thiswontwork"; .my-element { background: $invalid; }   

Это значение будет просто считаться недопустимым и игнорироваться. Я знаю, что моя переменная выдала бы ошибку, если бы она использовалась в такой функции, как «lighten()». Существует ли какой-либо другой сценарий, в котором добавление строки типа «thiswontwork» в качестве значения моего свойства может вызвать проблему?

Существует несколько сценариев. Например, я хотел бы упомянуть три:

• color
• content
• display

Как и в случае с background , возникает та же ошибка color .

Что касается content , то с синтаксисом CSS не будет никаких ошибок, но вы можете видеть, что он испорчен.

При отображении набор перечисленных значений-это то, что вам нужно использовать. Здесь это может привести к ошибке, недопустимому значению для display .