Существует несколько советов о написании лучшего CSS в Интернете, например, в свойствах сортировки, например, в алфавитном порядке, но никто не упомянул о наилучшей практике псевдоклассов, например.Где помещать псевдо-классы CSS?
nav ul {
/*main styles*/
}
nav ul:hover li.selected {
background-color: transparent;
}
nav ul li {
/*main styles*/
}
nav ul li:hover {
background: #ffaacc;
}
Вы можете думать, что это вообще не нужно (ну это на самом деле не в коде выше), но я нашел, что это важно, чтобы иметь определенный путь, что и это будет иметь большое значение, когда у вас есть CSS-файл с более чем 1000 строк и рассмотрение всех основных псевдо-классов CSS (например, :link :hover :active :focus :blur :visited и т. Д.)
Где я должен помещать псевдо классы?
Должен ли я поместить их в отдельное место (конец файла или даже другой конкретный файл)?
Должен ли я просто поставить их прямо ниже их селектора по умолчанию?
Всегда есть мнения о том, что такое «лучшая практика». Однако, когда дело доходит до ссылок, они должны быть [размещены в порядке LVHA] (https://developer.mozilla.org/en/docs/Web/CSS/:link) (ссылка, посещение, зависание, активность). Это гарантирует правильное переопределение каждого состояния. – misterManSam
Не существует «основных» или младших псевдо-классов CSS. Те, которые вы называете, являются динамическими псевдоклассами. Вероятно, это то, что вы имели в виду. Существует много разных видов, и вам придется подумать о заказе для всех из них. Хорошей новостью является то, что, помимо специфики и [заказа LVHA] (http://stackoverflow.com/questions/7371732/why-does-foo-alink-foo-avisited-selector-override-ahover-aactive-s) , все зависит от личных предпочтений. – BoltClock