@pashjka

Как перенести кавычки с scss в css?

использую vscode
плагин live sass compiler
при компиляции из scss в css теряются кавычки

есть запись в scss
.header {
	width: 100%;
	position: fixed;
	&[type="checkbox"]{
		display: none;
	}


в css компилируется
.header {
  width: 100%;
  position: fixed;
}
.header[type=checkbox] {
  display: none;
}


нужно чтобы в css было type="checkbox" был с кавычками
.header[type="checkbox"] {
  display: none;
}
  • Вопрос задан
  • 69 просмотров
Пригласить эксперта
Ответы на вопрос 2
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
Это нормальное поведение. Компилятор не оборачивает в кавычки, когда они не нужны. Потому что .header[type=checkbox] эквивалентен .header[type="checkbox"]
А вот если ты напишешь какой-нибудь [type="checkbox*1"] - он его обернет в кавычки. ибо теперь они нужны.
Ответ написан
@pashjka Автор вопроса
ошибку нашел сам
проблема была в синтаксисе:
не хватало пробела перед квадратной скобкой - "["

было
.header[type=checkbox] {
display: none;
}
стало
.header [type=checkbox] {
display: none;
}

работает и без кавычек, они не нужны
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы