Вложенные комментарии CSS

Есть ли способ вложить комментарии в CSS?

Например, когда я пытаюсь прокомментировать следующие два утверждения, внешний комментарий заканчивается, когда он встречает */в вложенном комментарии, оставляя остальную часть первого оператора, а второй оператор раскомментирован.

/*
    #container {
        width: 90%;     /* nested comment here */
        margin: 0 auto;
    }

    #container .class {
        width: 25%;
    }
*/

Я часто сталкиваюсь с этой проблемой, когда хочу попробовать другую технику стилизации, которая включает в себя несколько утверждений.

Я знаком с CSS спецификацией для комментариев и его обоснованием., но также знаю, что обходной путь для вложения HTML-комментариев, и я надеюсь, что там будет похож хак для CSS.

Кто-нибудь нашел способ вставить комментарии в CSS?

Ответ 1

В CSS нет синтаксиса комментариев.

Вместо этого вы можете обернуть правила в том, что делает гнездо, но ничего не будет соответствовать, например, несуществующий тип носителя:

@media DISABLED {
    #container {
        width: 90%;     /* nested comment here */
        margin: 0 auto;
    }

    #container .class {
        width: 25%;
    }
}

У этого есть предостережение, что это не будет явно комментарий (поэтому он не будет удален инструментами, которые удаляют комментарии), и заставит браузер потратить время на его разбор и обнаружение, что оно не соответствует. Тем не менее, ни одна из них не должна быть проблемой для временного использования разработки, что является обычной причиной, по которой просто хотелось бы прокомментировать большой фрагмент.

Ответ 2

Хорошо, да, здесь будет работать тот же "обходной путь", который вы связали для комментариев HTML. Измените внутренний */ на * / (с пробелом). На самом деле нет способа блокировки комментариев блока.

Ответ 3

Вложенные комментарии не поддерживаются CSS. Вы не можете этого сделать, потому что вы не знаете, как браузеры его прочтут.

Вы можете использовать LESS (расширение для CSS), которое позволяет комментарий к одной строке //

Ответ 4

CSS не может обрабатывать вложенные комментарии.

Использование препроцессора CSS, например LESS или SASS, вы можете прокомментировать "молча", используя

// this syntax

Они не будут отображаться в вашем последнем CSS.

Ответ 5

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

Похоже, если вы просто разместите дополнительный, не декорированный набор фигурных скобок вокруг некоторого css, css внутри и даже любой текст без комментария, не распознается, по крайней мере, с помощью Chrome 58.0.3029.110 (64-разрядный):

Оригинал (из несвязанный вопрос и ответ):

html, body, .container {
    height: 100%;
}
.container {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}

Fiddle

С помощью скобок:

html, body, .container {
    height: 100%;
}
{ extra braces...
.container {
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
}
/* ...act as comment? */ }

Fiddle

Вид удобен для работы с dev. То, как я использую это прямо сейчас:

<style>

/* Use this */
    .class1 {
        /* stuff */
    }

{ /* But not this */
    .class1 {
        /* other stuff */
    }
}

</style>