Руководство по псевдоклассам и псеводэелментам в css

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

Перед тем, как погружаться в дебри css, давайте разберемся, что же означает слово "псевдо"? Из определений на gufo.me можно узнать:

Псевдо — Префикс, означающий ложный, фальсифицированный, поддельный. Подразумевается, что "псевдо" событие или объект является копией реального события или объекта. 

Read more...

Упрощаем Sass используя амперсанд (&)

Амперсанд (&) - замечательный знак. Это древний символ, лигатура латинского "Et", объединяющий слова, фраз и мысли. В наши дни & получил более широкое применение, но все равно сохраняет свое оригинальное значение "и", "так же, как и", "тоже".

В контексте Sass, & представляет собой ссылку на родительский селектор определяемого блока, что позволяет селектору ссылаться на самого себя внутри определения. Это означает, что псевдоселекторы, одноуровневые селекторы и прочие подобные штуки можно сгруппировать вместе с остальными определениями, использующими данный селектор. & - мощное орудие для организации и расширения Sass.

Read more...