наследование свойств CSS

[TonKhaO]

Всем привет! Столкнулся вот с такой проблемой, не понимаю в чем прикол, http://undersky.ru/chocopie/test.html

есть внешний и внутренний дивы, у внешнего задан line-height: 30px и это line-height судя по информации он вобчем наследуется, но непонятно почему тогда на блок #inner и p, собсно line-height никак не воздействует, хотя в файербаге есть инфа что он все таки унаследовался, а на деле не видно

[Justnewone]

style_test.css (строка 7)

[TonKhaO]

style_test.css (строка 7)

соу? в строке 7 font: 18px arial он же не должен перебивать лайн хейт

с сайта: "font: [font-style || font-variant || font-weight] font-size [/line-height] font-family"

может я немного не понимаю запись но я трактую так что када без [/line-height] пишем в фонте просто 18 пыкселей то это именно размер, если не прав - поправьте

Edited February 11, 2010 by TonKhaO

[Justnewone]

соу? в строке 7 font: 18px arial он же не должен перебивать лайн хейт

с сайта: "font: [font-style || font-variant || font-weight] font-size [/line-height] font-family"

может я немного не понимаю запись но я трактую так что када без [/line-height] пишем в фонте просто 18 пыкселей то это именно размер, если не прав - поправьте

line-height: normal; это то же самое что line-height: 1 /*или че там тут, не знаю точно, у каждого браузера по своему, но точно завязано на размер шрифта, унаследованный или непосредственно полученый*/;

Вы просто переопределяете и все.

вот в этом блоке

#inner {

-x-system-font:none;

font-family:arial;

font-size:18px;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

line-height:normal;

}

Думаю, убрав line-height:normal; получите то что надо.

UPD

=)

сейчас подумал - ситуация напоминает.

BODY{color:#000}

P{color:#F00;}

Аааа, почему у меня не черный цвет =)

[psywalker]

соу? в строке 7 font: 18px arial он же не должен перебивать лайн хейт

с сайта: "font: [font-style || font-variant || font-weight] font-size [/line-height] font-family"

может я немного не понимаю запись но я трактую так что када без [/line-height] пишем в фонте просто 18 пыкселей то это именно размер, если не прав - поправьте

Почему не должен? Ты переопределяешь правило.

font: 18px arial вот этой записью ты назначаешь размер шрифта и сам шрифт, а остальное уже устанавливается по умолчанию, так как это общее правило.

[TonKhaO]

line-height: normal; это то же самое что line-height: 1 /*или че там тут, не знаю точно, у каждого браузера по своему, но точно завязано на размер шрифта, унаследованный или непосредственно полученый*/;

Вы просто переопределяете и все.

вот в этом блоке

#inner {

-x-system-font:none;

font-family:arial;

font-size:18px;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

line-height:normal;

}

Думаю, убрав line-height:normal; получите то что надо.

видимо я не освоил еще до конца файербаг, вот смотрите что у меня показывает для иннера

то есть ничего такого не вижу

#inner {

-x-system-font:none;

font-family:arial;

font-size:18px;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

line-height:normal;

}

подскажите плз вы где подсмотрели такой код?

Скомпилированный стиль?

[Justnewone]

[TonKhaO]

да у нас явно отличаются настройки фаербага, у меня последний, а у вас?

и у вас получается скомпилированные стили в стилях отображаются насколько я понимаю,

я понял свою пробоему с помощью

PS: в оффтоп вопрос - как поменять название темы для поста? ибо проблема оказалась не в наследовании, думаю правильнее поменять название чтобы не возникло путаницы

Edited February 11, 2010 by TonKhaO

[Justnewone]

Честно,, до этого в код не лазил )))

#inner {

font: 18px arial;

}

вот эта надпись переопределяет все в нормал.

напишите Вы

#inner {

font-size: 18px arial;

font-family: arial;

}

То все было бы хорошо, понятно почему?

[TonKhaO]

Честно,, до этого в код не лазил )))

#inner {

font: 18px arial;

}

вот эта надпись переопределяет все в нормал.

напишите Вы

#inner {

font-size: 18px arial;

font-family: arial;

}

То все было бы хорошо, понятно почему?

да конечно, думаю из-за того что font-size: указазывает именно размер

[Justnewone]

да конечно, думаю из-за того что font-size: указазывает именно размер

нет, сокращенная запись

#inner {

font: 18px arial;

}

равнозначна

#inner {

font: 18px arial none normal normal normal normal;

}

Тоже самое, как

background:url(че-та-там) repeat-y 50% 20px;

переопределица просто в цвет при написании

background:#F00;

c более "актуальным" селектором.

Или, например,

margin:3px 2em 10% 100mm; сровняются с нулем после записи margin:0;

[TonKhaO]

Justnewone пасиб огромное, возможно мы немного путаемся в терминах но суть проблемы я понял, я для себя извлек 2 плюса

1. стал яснее понимать не только про наследование но и про сокращенные записи

2. узнал еще немного файербаг

еще раз огромное спасибо ! беру топик на заметку

Edited February 11, 2010 by TonKhaO

[TonKhaO]

Почему не должен? Ты переопределяешь правило.

font: 18px arial вот этой записью ты назначаешь размер шрифта и сам шрифт, а остальное уже устанавливается по умолчанию, так как это общее правило.

у млин Уолкер прости не видел твоего поста, ну вобчем ты подтвердил лишний раз мои тогдашние догадки а теперь уже убеждения