CSS3 :nth-child

Источник

Для выборки только одного элемента из последовательности определенной длинны:

span:nth-child(3):nth-last-child(2) {
    background-color: red !important;
}

css (копия)

span:nth-child(2):nth-last-child(5) {
    background-color: red !important;
}

css2

 

Для выборки последовательности только определённой длинны:

span:first-child:nth-last-child(5) ~ span, span:first-child:nth-last-child(5) {
    background-color: green;

css

Пакуем css

Очень часто, сталкиваясь с вопросом ускорения работы сайта, замечаешь, что тормозит сей процесс больше всего загрузка сторонних файлов, будь то стили или скрипты.

Лучший способ это объединять выше перечисленные ресурсы в один файл (например all.css, all.js)

В этой статье рассмотрим менее радикальный метод ускорения процесса, а именно удаление \n, \t etc. из файлов стилей и возвращения их в обратный, удобоваримый, вид.

Читать далее «Пакуем css»