В предыдущей статье на downcodes.com мы упоминали «переписывание CSS-файлов, чтобы сделать их более организованными и четко структурированными». Хотя это один из методов, мне всегда нравилось развивать хорошие навыки кодирования. Сегодняшняя статья будет обсуждать этот контент.
Последний определенный стиль CSS переопределит все существующие или конфликтующие стили, определенные до него, как показано в следующем примере:
Пример исходного кода
[www.downcodes.com] р {цвет: красный фон: желтый}
п {цвет: зеленый}
Приведенный выше абзац в конечном итоге появится зеленым шрифтом с желтым фоном. Это связано с тем, что последний определенный цвет: зеленый перезаписывает ранее определенный красный. Что касается того, почему желтый фон не исчезает, то это из-за второго пункта. противоречивое определение в определении, поэтому оно все еще действительно.
Вы действительно понимаете? Хорошо, давайте проведем небольшой тест:
Пример исходного кода
[www.downcodes.com] p.red { цвет: красный }
п.зеленый {цвет: зеленый}
p.blue { цвет: синий }
Пример исходного кода
[www.downcodes.com] Пример текста. downcodes.com
Пример текста. downcodes.com
Пример текста. downcodes.com
Скажите пожалуйста, какого цвета будет отображаться текст в трёх абзацах выше, когда он наконец отобразится?
Ответ в том, что все они отображаются синим цветом, то есть синим. Хотя к каждому абзацу применены три стиля p в разном порядке, похоже, что цвет должен определяться в соответствии с порядком применения стилей. Например. , первый отображается синим цветом, а третий — синим. Второй — красным, а третий — зеленым. На самом деле это не имеет никакого отношения к порядку. в котором применяются стили. Все они в конечном итоге подчиняются последнему указанному стилю и имеют синий цвет.
