Axiomatic CSS and Lobotomized Owls — A List Apart

Замечательная идея — вместо того, чтоб расписывать CSS под каждый конкретный случай (объектно-ориентированно, если я правильно понимаю значение этого слова), использовать селектор +:

* + * {
	margin-top: 1.5em;
}

Название «Lobotomized Owl» тоже замечательное.

…even the most complex systems must depend on foundational rules, and CSS is no different. Although modularization of a complex interface is a necessary step in its maturation, any interface that does not follow basic governing tenets is going to lack clarity.

The owl selector allows you to control flow content, but it is also a way of relinquishing control. By styling elements according to context and circumstance, we accept that the structure of content is—and should be—mutable. Instead of prescribing the appearance of individual items, we build systems to anticipate them. Instead of prescribing the appearance of the interface as a whole, we let the content determine it. We give control back to the people who would make it.

К сожалению, в статье ничего не сказано о быстродействии этого селектора, но а) заменяет собой очень много кода, б) возможно, быстродействие селекторов CSS, если у вас в CSS не десять тысяч строк с селекторами, играет не очень большую роль — зато код становится красивее и удобнее.

Ну, и в комментах там тоже всякое «You have permanently changed the way I approach CSS».

https://alistapart.com/article/axiomatic-css-and-lobotomized-owls/

CSS Vocabulary

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

На английском.

https://apps.workflower.fi/vocabs/css/en