Как указать порядок классов CSS?
Для моего единственного экземпляра, работающего в Американо-восточной зоне доступности, 9 месяцев, 0 времен простоя.
2 ответа
Порядок перезаписи атрибутов определяется не порядком, в котором классы определены в атрибуте class , а тем, где они появляются в CSS.
.myClass1 {color: red;} .myClass2 {color: green;} Здесь идет текст Текст в div будет отображаться зеленый , а не красный ; потому что .myClass2 ниже в определении CSS, чем .myClass1 . Если бы я поменял местами порядок имен классов в атрибуте class , ничего бы не изменилось.
Порядок классов в атрибуте не имеет значения. Все классы в атрибуте class одинаково применяются к элементу.
Вопрос в том, в каком порядке правила стиля появляются в вашем .css файле. В вашем примере .basic идет после .extra , поэтому правила .basic будут иметь приоритет везде, где это возможно.
Если вы хотите предоставить третью возможность (например, что это .basic , но правила .extra по-прежнему должны применяться), вам нужно будет изобрести другой класс, .basic-extra , возможно , что явно предусматривает это.