font-weight: жирный шрифт не работает в IE 7 и 8

Question

Я применяю следующий CSS:

dl dd {
    font-size: 12px;
    font-weight: bold;      
}

, но мой текст не выделен жирным шрифтом в IE?

HTML:

<code><dl><dt>Prepared For</dt><dd><pre>( client name )

Я думаю, что это может иметь отношение к тегам <pre>, потому что когда их нет, они выделены жирным шрифтом.

Семейство шрифтов Arial.

Answer 1

Структура списка определений должна выглядеть примерно так:

<dl>
    <dt>Some title</dt>
    <dd>Your definition</dd>
</dl>

У вас есть что-то, кроме текста в <dd>, к которому могут применяться стили, которые переопределяют ваш dl dd CSS, как <span> или <strong> или <em>?

РЕДАКТИРОВАТЬ:

Увидел ваше обновление.Это определенно связано с вашими <pre> тегами.Ваши правила CSS не переопределяют <pre>, потому что такого рода не хватает цели «предварительно отформатированного текста».

Попробуйте расширить свой CSS, включив в цепочку селекторов <pre>, и еслиможет произойти сбой, вам может понадобиться использовать !important (хотя обычно это не одобряется):

dl dd pre {
    font-size: 12px;
    font-weight: bold !important; /* remove !important if not needed */
}

Проверьте, работает ли это, и отправьте отчет.