Папа, кто я? или CSS-наследование

Ситуация:

А надо бы чтобы размеры шрифта были одинаковые и в самом посте и в таблице и в списках.

DIV-структура иллюстрации:
<body><div#wrap><div#content><div#category_column><div#center_news><div.news_block><table><tbody><tr><td><p> (вместо p может быть ul-li структура)

Css-стили относящиеся к размеру шрифта:

#center_news p {
  font-size: 70%;
}
.news_block ul {
   font-size: 70%;
    list-style: square;
}

.news_block ol {
   font-size: 70%;
}

.news_block table {
    font-size: 70%;
}

Опять же, если пойти другим путём, отрубить все размеры кроме как #center_news p и создать класс, присвоить его таблице, то всё равно размеры шрифта P, OL, UL-элементов, в таблице будут уменьшены. А если не написать класс, то размер шрифта в таблице вне параграфа, будет какойто дефолтный.

Надеюсь ктонить поймёт мою ситуацию..

Сделал так:

#center_news p {
    font-size: 11px;
} 
.news_block table {
    font-size:11px;
}

Для OL/UL также поставил — font-size:11px; хотя думаю тут оно не обязательно.
Стало как надо.

А как по идее бы надо? И почему проценты так картину портят?

Что-то у меня было такое, то ли таблица в IE не наследует размер шрифта… В общем, на наследство надейся, а свойства прописуй. 😀

Както коряво наследуется: сначала идёт 70% базовый, а следующее вложение получается 70% от предыдущих 70% базового, а не основного.

Както коряво наследуется: сначала идёт 70% базовый, а следующее вложение получается 70% от предыдущих 70% базового, а не основного.

.news_block table p {100%} и т.п. — это ж очевидно даже из вашей этой фразы…

Хм. А ведь и правда. Настолько зациклен на проблеме, что не увидел явного решения. Ну хоть в рассуждениях был прав. sonika +1
Всем спасибо.

Оказывается это ещё не всё…

Если я в .news_block table меняю размер шрифта на 70%, то размер шрифта всех элементов меняется в меньшую сторону.
Каким стилем умудриться изменить размер шрифта таблицы без влияния на вложенные элементы?

.news_block table td {font-size: 70%; }
.news_block table td p { font-size: 100%;}

.news_block table td p { font-size: 100%;} не срабатывает..
.news_block table td {font-size: 70%; } становится как надо размер текста вне параграфа, а остальное всё равно уменьшается.
Блин..

а у меня работает. ищите ошибку в своих стилях…
вы ж не оставили в стилях правило?:
.news_block table p {100%}

Ничего не понимаю =\ конечно я эту конструкцию убрал.. когда .news_block table td { font-size:70%;} оставляю то всё что в таблице на порядок уменьшается. даже списки. О_о
Может найдётся человек, который бы мог безвоздмезно посмотреть на css и натыкать меня носом в косяки?

раз уменьшается сильно, так поставьте не 70%, а 170%

Не получается…
Решил запостить HTML и стили для него.

 <div id="category_column">
    <div id="center_news">
     <div class="news_block">
    <p>Параграффф..</p>
<table border="1">
<tbody>
<tr>
<td>ТЕКСТ в таблице. Без параграфа.
<p>Параграффф.</p>
<ol>
<li>РАЗ</li>
<li>ДВА</li>
<li>ТРИ</li>
</ol>
<p>Текст в параграфе.</p>
<ul>
<li>ТРИ</li>
<li>ДВА</li>
<li>ОДИН</li>
</ul>
</td>
</tr>
</table>
<p>Вот так!</p>
    </div>
       </div>
  </div>

CSS

#center_news p { font-size: 70%; }
#center_news ul {  font-size: 70%;}
#center_news ol {    font-size: 70%;}
.news_block ul {    font-size:100%;}
.news_block ol {    font-size:100%;}
.news_block table td {   font-size:70%;}
.news_block table td p {font-size: 100%;}
Anonymous
Отправить
Ответ на: