А как определить какие стили не использует весь сайт? Пробовал плагином (не помню название) для FireFox отпарсить не используемые, но в итоге все равно пришлось все пересматривать. И есть ли способ как то находить дублирование классов стилей для определенных div в файле style.css и объединять, если они берут начало от разных предков. т.е.:
1) .grandParent .parent div {
background: red;
}
2) .parent div {
with: 300px;
}
Итог:
.grandParent .parent div {
background: red;
with: 300px;
}
Прошу прощения, за столько вопросов.
К сожалению, обращение через родительский элемент обязательно, так как игнорируя его, либо стили не переопределяются, либо переопределяют стили дивов с таким же классом, например, на других страницах. Но спасибо за ответ, будем довольствоваться теми возможностями, которые дает нам css.
Препроцессоры к сожалению я знаю поверхностно. Но ведь, он подразумевает краткую запись css? При этом при рендеринге страницы количество кода не уменьшится, поправьте если я не прав... Просто у меня количество строк стилей и так зашкаливает за 6000, и соответственно, вес файла стилей велик. На это ругаются тестовые анализаторы сайта, подобные PageSpeed.
При таком подходе нет разницы между :nth-child() и :nth-of-type(). Приведу пример. У нас 20 вложенных div блоков, мне надо поменять стили, предположим, у 4, 5, 9, 15, 17. Если бы псевдокласс :nth-of-type() срабатывал вот так: .parent div:nth-of-type(4, 5, 9, 15, 17), то тогда бы это имело смысл, но используя его так как оно должно быть, то придется обращаться через родителя к каждому блоку, т.е. выйдет пять длинных строк кода через запятую вместо одной. Предполагаю что способа все таки нет.
При такой форме стиль применяется ко всем вложенным дочерним блокам с именем класса. А необходимо, только к классам, например, оканчивающихся на -cvc и -number
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.