Перейти к содержимому

Сервис обмена электронных валют


Подключение файла CSS

#1 Вячеслав

Вячеслав
  • Пользователь
  • 357 сообщений
  • Репутация: 0
0

Отправлено 17 Декабрь 2008 - 01:21

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

 

 

  • 0

#2 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 17 Декабрь 2008 - 01:52

Запросто, мы можем подменять один 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
  • 0

#3 Vialls

Vialls
  • Пользователь
  • 581 сообщений
  • Репутация: 1

Отправлено 17 Декабрь 2008 - 05:45

А помоему "important" можно и не устанавливать, если главный CSS файл будет подключен после косвенного. Но все равно лучше пользоваться important'ом, т.к. может какой нибудь из браузеров неправильно вас поймет... :)
  • 0

#4 ZiTosS

ZiTosS
  • Пользователь
  • 5 148 сообщений
  • Репутация: 8

Отправлено 17 Декабрь 2008 - 12:29

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


Оформление форума – IPBSkins.ru