Добрый день. Есть следующая ситуация: имеется одна шаблонная php-страница, в которую посредством команды include
импортируется head, хедер, левое меню и футер. На странице "Контакты" появилась необходимость изменить стили, как это сделать, не меняя стиль общего шаблона main.css? Спасибо, надеюсь, задал понятно, было трудно сформулировать :) P.S. решал вопрос, посредством добавления в html-код <style>
, но мне сказали, что это неправильно.
1 ответ
Предполагается что по пути file_path
у вас допустим находится скрипт header.php примерно некого содержания:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello World!!</title>
<link type='text/css' rel='stylesheet' href='/main.css' />
<!-- Вот именно сюда и подключаете ваш новый CSS -->
<link type='text/css' rel='stylesheet' href='/contacts.css' />
<!-- Между тегами <head> и </head> -->
</head>
......
Либо можно открыть ваш main.css и в нём добавить в самом верху импорт другого файла стилей:
//main.css
@import url("conacts.css");
.exampleClass {
...
}
#exampleId{
...
}
Я думаю что понятно более чем достаточно) В некоторых ситуациях всё-равно разработчикам приходится использовать стили для объектов через теги внутри кода.
Например: <div class="content" style="margin: 5px;"></div>
и в этом ничего страшного нет.
-
А если действовать первым методом, то куда девать старое подключение main.css?– Alex27 ноя 2017 в 12:06
-
При этом, используя второй способ, не должны повторяться классы, id и пр., иначе отредактируется всё на главной странице?– Alex27 ноя 2017 в 12:08
-
1)) Никуда не надо его девать. Просто продублируйте
<link type='text/css' rel='stylesheet' href='/main.css' /><link type='text/css' rel='stylesheet' href='/contacts.css' />
27 ноя 2017 в 12:10 -
1
-
1Вы можете изменять уже установленные параметры так как вам угодно. Вам бы лучше не много изучить информацию о доступах к уже существующим классам и понять структуру DOOM. Море полезной информации а так же
Одновременное использование разных классов
вы найдёте на htmlbook.ru/samcss/klassy 27 ноя 2017 в 12:26
@import url('styles/conacts.css')
внутриmain.css
. Ну или подключить его через<link rel="stylesheet" type="text/css" href="urlCSSFiles">
<link rel="stylesheet" type="text/css" href="/styles/contacts.css">