Объектно-ориентированный CSS: броская фраза шума или законный подход дизайна?

Броская фраза шума И законный подход дизайна.

, Хотя я думаю, некоторые идеи там немного наивны в этом, они склонны забывать, что "клиент изменяет eveything, поскольку он идет" парадигма веб-разработки.

Я думаю buzzwordiness о вызове, он "Объектно-ориентированный CSS" на самом деле умаляет свою полноценность и более широкое принятие понятия.

, Когда я читал на нем, я думаю заявление, что это было OO, на самом деле замедлил мое понимание того, каково это действительно было.

Люди, которые знают то, что "объектно-ориентированный" означает в программировании, будут скептически настроены, потому что это не действительно OO, не так ли? Это - просто попытка применить некоторые принципы OO к CSS для повышения его эффективности. И с другой стороны, большинство клиентских разработчиков не поймет понятия вообще, если они не будут программистами, и таким образом, они будут просто экранированы или смущены.

Так, большое понятие, ребрендинг потребностей. Максимальный CSS! CSS питания! Рожденный заново CSS! CSS Придал квадратную форму! Главный CSS! Что-то как этот.

Я говорил это для годы .

селекторы CSS основаны на идентификаторах экземпляра и классах. Это даже поддерживает множественное наследование. Сколько еще очевидный это могло быть?

красота размышления о CSS в объектных терминах состоит в том, что это становится очень простым, чтобы начать "бросать" Ваши элементы разметки. Нужно то отделение для внезапного становления INotRenderedAnymore? Просто позвольте JS расшириться, это - атрибут класса для соответствия .removed, не бездельничайте со свойствами стиля.

, Очевидно, это - довольно банальный пример, но преимущества должны быть ясными - особенно в контексте управления JS. Можно разъединить JS от фактических стилей, которые он должен изменить, который является и премией обслуживания и абстракции, но также и имеет дополнительные льготы как не установка очень стилей высокой специфики непосредственно (который CSS не может переопределить).

это действительно одна из тех спорных вещей, как таблицы против divs и т. Д. И т. Д.

По моему мнению, многие разработчики настолько укоренились в ОО, что пытаются использовать его во всем: сначала в JavaScript, а теперь в CSS. Не поймите меня неправильно, в JavaScript тоже есть элементы ОО, но я отвлекся.

Поскольку CSS уже само по себе является модным словом (все работодатели хотят, чтобы CSS 2.0 подходил в сети), многие новые разработчики открывают для себя его. Это неплохая вещь, однако, как разработчики, они сделали то, что у них получается лучше всего, и попытались улучшить CSS. По мнению разработчиков (я - разработчик), организация CSS в соответствии с принципами ОО имеет смысл - отсюда и новое модное слово.

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

Лично мне все равно, как люди пишут свой CSS - если мне придется поддерживать его, Firebug все равно делает работу тривиальной.

CSS во многом похож на объектно-ориентированные языки: напишите

p { color: red }
p span { color: blue }

, и вы получите наследование. Вот более сложный пример, когда терьер расширяет классы собак и собак:

.animal { font-weight:bold; color: blue; } 
.dog:before, .terrier:before { content: "GRRR"; }
.animal, .dog, .terrier { color: brown } 

Теперь вы можете использовать классы животное, собака и терьер в объектно-ориентированной манере.

Важно помнить, что CSS очень хорош в решении проблемы, которую он сделал for: прозрачное указание стилей для элементов. Может быть лучше с большим количеством концепций OO? Я не уверен. Допустим, кто-то говорит: файл CSS был бы проще, если бы он выглядел так:

@class dog @derives_from animal /* the syntax i just invented */
@class terrier @derives_from dog

.animal { font-weight:bold; color: blue; } 
.dog:before { content: "GRRR"; }
.terrier { color: brown } 

Это действительно выглядит проще, но еще более простое решение - отбросить элемент @class, добавив слово «собака» к любому «терьеру» и «животное» к любая «собака» на стороне сервера (тривиальная инструкция replace) или с помощью javascript.

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