Почему не работает css
- Как исправить ошибки в CSS
- Проверка ссылки на файл CSS
- Проверка синтаксиса CSS
- Проверка браузера
- Разбор наследования в CSS
Как исправить ошибки в CSS
Отладка кода иногда занимает больше времени, чем его написание. То же относится и к каскадным таблицам стилей. Чтобы выяснить, почему не работает CSS, необходимо заранее знать, на что обратить внимание.
Проверка ссылки на файл CSS
Код CSS может находиться как в HTML документе, так и в отдельном файле с одноименным расширением. Если CSS находится во внешнем файле и не работает, то первым делом следует проверить ссылку в HTML коде. Ссылка (href) должна писаться в одиночном теге link. Содержимое link в HTML5 должно выглядеть следующим образом: href=”style.css” rel=”stylesheet”.
Проверка синтаксиса CSS
Если со ссылкой все в порядке, а CSS все равно не работает, нужно проверить синтаксис в коде. Во-первых, проверьте селектор. Селектор должен совпадать с тем, что у вас написано в html-файле. Точка ставится только перед классами. Если же вы прописываете стиль для заголовков h1, то никакой точки не нужно.
Проверка браузера
Если браузер, на котором вы проверяете свой CSS-код, уже устарел, то он не в состоянии корректно отображать язык CSS3. Поэтому в случае, если код не работает, обновите свой браузер до последней версии. Используйте для тестирования разные браузеры: Opera, Google Chrome, Firefox.
Разбор наследования в CSS
Сложнее всего разбираться в CSS с наследованием. В то время, как она чаще всего и является основой нерабочего кода. Чтобы изучить все тонкости наследования, необходимо потратить немалое количество времени. Начать же можно с элементарного.
Сначала логически постарайтесь выявить, где именно происходит ошибка в CSS-коде. Вы легко это поймете, т.к. в результате ошибки один из элементов при отображении в браузере будет выпадать из представленной вами картины.
Когда вы найдете контейнер или другой элемент, к которому применен не сработавший стиль, внимательно посмотрите, во что «вложен» этот элемент. Возможно, родительский элемент содержит свойство, которое не дает работать другому свойству в дочернем элементе.
