X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Подключение файла CSS
toorr2p
toorr2p
Topic Starter сообщение 17.12.2008, 2:21; Ответить: toorr2p
Сообщение #1


Всем привет!
у меня такой вопрос...
сайт состоит из главной страницы и основных страниц по категориям-галерея,портфолио,контакты...
также в отдельном файле находится CSS (reklama.donbass.css), и проблема в том что мне нужно например в отдельной странице (например "галерея") изменить по высоте один блок для фотографий...
Как это можно сделать не изменяя основного CSS файла и не изменяя HTMLкод страницы ("галерея"), т.е можно ли сделать так чтобы в эту страницу подгружались основной css файл (reklama.donbass.css) и "дополнительный" - для отдельного элемента на странице (напр galery.css)? :)
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 17.12.2008, 2:52; Ответить: ZiTosS
Сообщение #2


Запросто, мы можем подменять один CSS стиль другим :)

способ 1
Файл index.html
<html>
<head>
   <link rel="stylesheet" href="main.css" type="text/css">
</head>
<body>
   Текст синего цвета
</body>
</html>


Файл gallery.html
<html>
<head>
   <link rel="stylesheet" href="main.css" type="text/css">
   <link rel="stylesheet" href="gallery.css" type="text/css">
</head>
<body>
   Текст зеленого цвета
</body>
</html>


Файл main.css
body
{
    color: blue;
}


Файл gallery.css
body
{
    color: green !important;
}


Тут основа в том, что мы главное свойство даём в gallery.css (!important)
!important обычно используется для установки главенства определения свойств элементов. Обозначает, что главным будет свойство из CSS, чем пользовательское (указанное на странице HTML прям в атрибуте style="...")

способ 2
Файл index.html
<html>
<head>
   <link rel="stylesheet" href="main.css" type="text/css">
</head>
<body>
      <div class="main">Текст синего цвета</div>
</body>
</html>


Файл gallery.html
<html>
<head>
   <link rel="stylesheet" href="main.css" type="text/css">
   <link rel="stylesheet" href="gallery.css" type="text/css">
</head>
<body>
   <div class="main gallery">Текст зеленого цвета</div>
</body>
</html>


Файл main.css
div.main
{
    color: blue;
}


Файл gallery.css
div.gallery
{
    color: green !important;
}


Тут используем два класса для CSS
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vialls_mw
Vialls_mw
сообщение 17.12.2008, 6:45; Ответить: Vialls_mw
Сообщение #3


А помоему "important" можно и не устанавливать, если главный CSS файл будет подключен после косвенного. Но все равно лучше пользоваться important'ом, т.к. может какой нибудь из браузеров неправильно вас поймет... :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 17.12.2008, 13:29; Ответить: ZiTosS
Сообщение #4


Да я знаю! Уж решил наверняка, именно по той причине что ты сказал. Сам пробовал без !important. Тож работает...

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) ВНИМАНИЕ: 77.me - Crypto processing и High risk processing для вашего бизнеса.Подключение за час!
0 77_me 1415 14.2.2024, 19:09
автор: 77_me
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
9 malamut 3494 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3426 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Веб-разработка (HTML, CSS)
1 ViktoriaFE 6461 5.5.2021, 5:22
автор: bekett
Открытая тема (нет новых ответов) Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины).
0 kozak199110 1669 3.3.2021, 12:22
автор: kozak199110


 



RSS Текстовая версия Сейчас: 25.4.2024, 18:36
Дизайн