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 :: отменить унаследование стиля

 PHP.SU

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


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

> Без описания
daglas1
Отправлено: 14 Апреля, 2012 - 01:21:37
Post Id


Посетитель


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


Помог: 1 раз(а)




Всем привет.
Есть шаблон с множеством ксс. У меня в одном блоке многократно вложенные дивы.
В одной из ксс есть такой класс
.component-content td p {
line-height: 1.3em;
margin: 0;
}

А у меня другой
.column_content {
border: 1px solid #999;
height: 370px;
margin: 0 3px;
overflow: hidden;
padding: 6px;
width: 140px;
}

И у меня проиходит унаследование line-height: 1.3em; которое портит верстку.
Как можно отменить унаследование этого свойства?
 
 Top
IllusionMH
Отправлено: 14 Апреля, 2012 - 01:28:35
Post Id



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


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




daglas1, туту дело не в наследовании. Дело в том, что селетор .component-content td p имеет больший приоритет чем .column_content (чуть подробнее здесь)
Нужно создать для этого блока селектор имеющий больший приоритет(id или добавить еще один класс) и переопределить line-height для него

(Отредактировано автором: 14 Апреля, 2012 - 01:31:59)

 
 Top
DelphinPRO
Отправлено: 14 Апреля, 2012 - 02:05:17
Post Id



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


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


Помог: 353 раз(а)




CODE (css):
скопировать код в буфер обмена
  1. .column_content {
  2.   line-height: normal !important;
  3. }

Улыбка

(Отредактировано автором: 14 Апреля, 2012 - 02:05:34)



-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
daglas1
Отправлено: 14 Апреля, 2012 - 20:48:41
Post Id


Посетитель


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


Помог: 1 раз(а)




[quote=IllusionMH][/quote]
Пасибо, почитаю. Непосредственно в текущем стиле писал line-height. Но не помагало, попробую со свойством important.
(Добавление)
DelphinPRO пишет:
CODE (css):
скопировать код в буфер обмена
  1. .column_content {
  2.   line-height: normal !important;
  3. }

Улыбка

Пасибо протестирую.
 
 Top
daglas1
Отправлено: 16 Апреля, 2012 - 00:02:09
Post Id


Посетитель


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


Помог: 1 раз(а)




.column_content {
border: 1px solid #999;
height: 370px;
margin: 0 3px;
overflow: hidden;
padding: 6px;
width: 140px;
line-height: 0px !important;
background-color:#F5F2ED;
}

Сделал вот так и не помагает. Вроде при такой конструкции должен быть самый высокий приоритет.
А все равно в кодах видно 1.3 em line-height
 
 Top
DelphinPRO
Отправлено: 16 Апреля, 2012 - 13:58:33
Post Id



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


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


Помог: 353 раз(а)




посмотрите файрбагом (F12) каким селектором переопределяется стиль. от него и пляшите
в опере - CTRL+SHIFT+I
в хроме - F12


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
daglas1
Отправлено: 16 Апреля, 2012 - 14:41:27
Post Id


Посетитель


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


Помог: 1 раз(а)




DelphinPRO пишет:
посмотрите файрбагом (F12) каким селектором переопределяется стиль. от него и пляшите
в опере - CTRL+SHIFT+I
в хроме - F12

component-content td p {
line-height: 1.3em;
margin: 0;
}
вот этот вот стиль. А как создать стиль с более высоким приоритетом?
 
 Top
DelphinPRO
Отправлено: 16 Апреля, 2012 - 14:53:46
Post Id



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


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


Помог: 353 раз(а)




.component-content td .column_content p {} - как-то так. примерно.


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
daglas1
Отправлено: 16 Апреля, 2012 - 15:00:24
Post Id


Посетитель


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


Помог: 1 раз(а)




DelphinPRO пишет:
.component-content td .column_content p {} - как-то так. примерно.

Пасибо попробую
 
 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