Как прокомментировать заявление CSS с помощью ВНУТРЕННЕГО комментария?

#css

Вопрос:

Предположим, что у меня есть в файле *.css инструкция CSS, аналогичная следующей:

 blahbla {  font-size: 20px !important;
           line-height: 20px !important;   /* added in August 2021 */
           font-family: Verdana !important; }
 

Как вы можете видеть, он содержит комментарий

Теперь я хочу прокомментировать все заявление CSS (не удаляя внутренний комментарий!).

Следующее не работает:

 /*
blahbla {  font-size: 20px !important;
           line-height: 20px !important;   /* added in August 2021 */
           font-family: Verdana !important; }
*/
 

….так как закрывающий тег комментария внутреннего комментария также закрывает внешний комментарий.

Как еще я могу прокомментировать заявление CSS, игнорируя возможные внутренние комментарии?

Комментарии:

1. Как и в большинстве языков программирования, использующих синтаксис /* */ комментариев, комментарии не могут быть вложенными. Другими словами, первый экземпляр*/, следующий за экземпляром/*, закрывает комментарий. developer.mozilla.org/en-US/docs/Web/CSS/Comments

2. Можно переименовать имя класса во что-то другое.

Ответ №1:

К сожалению, ты не можешь.

Единственным типом комментариев для css является /* */ . (Вы должны открыть и закрыть комментарий). (Источник: https://www.w3schools.com/css/css_comments.asp)

Если вы подумываете о переходе на sass, вы можете использовать однострочные комментарии // и многострочные комментарии /* */ . Но тогда вам придется скомпилировать свой код sass в css, потому что браузеры не могут интерпретировать синтаксис scss.

Ответ №2:

Ты не можешь этого сделать.

Мой лучший совет-начинать новую строку комментария после каждого внутреннего комментария

 /*
blahbla {  font-size: 20px !important;
           line-height: 20px !important;   /* added in August 2021 */
/*
           font-family: Verdana !important; }
*/