Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Применение 2х CSS файлов к 1 селектору

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Поиск в теме | Версия для печати
Webtest
Отправлено: 25 Июня, 2014 - 13:10:47
Post Id


Посетитель


Покинул форум
Сообщений всего: 286
Дата рег-ции: Июнь 2014  


Помог: 0 раз(а)
Здравствуйте.

Подскажите пожалуйста, есть html страница, к ней подключено несколько css файлов, так вот, в 1 цсс файле задается форматирование input'a:

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2.         input {
  3.                 color: #555555;
  4.                 font-family: 'Raleway', sans-serif;
  5.                 font-size: 13pt;
  6.                 font-weight: 300;
  7.                 line-height: 1.75em;
  8.         }
  9.  


В другом цсс файле пусто. Как сделать так, чтобы к input'y, который находится в div'e применлось форматирование из 2 файла т.е. чтобы он был в стандартном виде?

Надо для того, чтобы если я сменил страницу, форматирование в блоке ДИВ не изменилось. А то оно меняется от странице к странице.
 
 Top
DelphinPRO
Отправлено: 25 Июня, 2014 - 13:28:01
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
о чем речь, не совсем понял? Улыбка

обычный каскад. просто переопределяйте стили
будет применяться тот стиль, который подключен\прописан позже, либо тот, у которого специфичность выше.
CODE (css):
скопировать код в буфер обмена
  1. input {
  2.   color: red;
  3. }
  4.  
  5. div input {
  6.   color: black;
  7. }


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Webtest
Отправлено: 25 Июня, 2014 - 13:37:05
Post Id


Посетитель


Покинул форум
Сообщений всего: 286
Дата рег-ции: Июнь 2014  


Помог: 0 раз(а)
DelphinPRO пишет:
о чем речь, не совсем понял? Улыбка

обычный каскад. просто переопределяйте стили
будет применяться тот стиль, который подключен\прописан позже, либо тот, у которого специфичность выше.
CODE (css):
скопировать код в буфер обмена
  1. input {
  2.   color: red;
  3. }
  4.  
  5. div input {
  6.   color: black;
  7. }


А можно как-то сделать так:
К странице подключено 2 цсс файла, но к диву, допустим
<div id='test'>
<button>Кнопка</button>
</div>
применялся ТОЛЬКО css файл №2?
Т.е. мне нужно, чтобы в этом диве не форматировались селекторы вообще, даже чтобы я не указывал их форматирование - чтобы они были стандартными по виду. Потому что в 1 цсс файле может применятся любое форматирование.
А то у каждой страницы подключается свой цсс файл + мой, и все элементы в этом диве едут кто куда из-за форматирования дива из цсс №1. Или выглядят непотребно.

(Добавление)

В общем, поясню понятнее, есть html страница. Она состоит из:
1. Верхнего ДИВа размером 100% в ширину на 100 пикселей в высоту и кода в нем;
2. Сама страница под этим блоком.
К странице подключено 2 цсс файла.
В 1 цсс файле к селектору ДИВ применяются разные стили.
Во 2 цсс файле прописаны стили, которые применяются только к диву по id.
Так вот, как сделать так, чтобы к диву и эелементам в нём НЕ применялись стили из 1 цсс файла.
При этом редактировать 1 цсс файл я не могу, только 2.

(Отредактировано автором: 25 Июня, 2014 - 14:04:50)

 
 Top
DelphinPRO
Отправлено: 25 Июня, 2014 - 14:14:13
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
Еще раз - CSS - каскадные таблицы стилей.
Если стиль применен, его нельзя отменить. Но его можно переопределить.
Вы можете во втором CSS написать свои стили для элементов, используя селектор #test

CODE (css):
скопировать код в буфер обмена
  1. #test input {}


селектор идентификатора имеет более высокую специфичность, чем селектор класса или тега ( плюс еще дочерний селектор увеличивает специфичность).
И уже здесь заново описать инпут. Причем переопределить нужно будет все наследуемые свойства.

(Добавление)

а вообще-то с таким уровнем вопросов, было бы неплохо почитать хотя бы инфу по CSS на htmlbook.ru Самоучитель CSS

(Отредактировано автором: 25 Июня, 2014 - 14:18:36)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
Webtest
Отправлено: 25 Июня, 2014 - 14:54:18
Post Id


Посетитель


Покинул форум
Сообщений всего: 286
Дата рег-ции: Июнь 2014  


Помог: 0 раз(а)
DelphinPRO пишет:

а вообще-то с таким уровнем вопросов, было бы неплохо почитать хотя бы инфу по CSS на htmlbook.ru Самоучитель CSS

Это я знаю, просто, думал можно легче это сделать, чтобы не писать все возможные свойства отдельно.
Тем не менее, спасибо!

(Отредактировано автором: 25 Июня, 2014 - 14:54:37)

 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB