Класс CSS по идентификатору элемента?

Question

У меня есть следующее css

#container
{
        border:1px solid black;
}
#container #header
{
    color:blue;
}

#container #footer
{
    color:red;
}

Могу ли я записать его как

#container
{
        border:1px solid black;
        #header
        {
            color:blue;
        }

        #footer
        {
            color:red;
        }
}

Так что #header и #footer по-прежнему выбираются как дочерний элемент # контейнера.Или мне нужно использовать некоторые рамки CSS, как .LESS?

Answer 1

Да только если вы используете SASS , что невозможно в ванильном CSS.

Answer 2

Нет, CSS не поддерживает это.Я согласен, это было бы полезно.Тем не менее, вы правы, похоже, LESS поддерживает это.

Answer 3

CSS не поддерживает этот синтаксис "из коробки", так что да, вам придется использовать .LESS