Требования к CSS коду

1. Имена всех CSS-классов записываются в UpperCamelCase и имеют префикс PP; также они должны содержать название соответствующего DHTML-компонента: PPListBox / PPListItem / PPButton.

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

3. В CSS-селекторах не рекомендуется писать полный путь к тегу в структуре DHTML-компонента. То есть, вместо:
   .PPListBox LI.PPListItem TABLE.PPListItemTable TD.PPListItemContent
   необходимо писать так:
   .PPListBox .PPListItemContent

4. Следует избегать глобальной установки стилей для HTML-тегов в CSS-файлах, содержащих описание стилей отдельных компонентов.

5. Следует сводить количество CSS-классов к минимуму.

6. Каждый компонент должен поддерживать режим недоступности Enabled = false. Для обработки такого свойства в css необходимо использовать селекторы атрибутов:
   .PPRibbonButton[disabled="disabled"]
   {
      cursor: default;
      filter: alpha(opacity=50);
   }

7. Разработку стилей следует вести с учётом поддержки режима RTL. В данном режиме следует использовать следующий селектор:
   .PPButton[dir="rtl"]

8. Имена CSS классам необходимо задавать осмысленные, то есть они должны отражать контекст применения данного класса.

9. Неочевидные стили для сложной разметки необходимо пояснять в комментариях.

Следующая статья: Сценарии использования компонентов