My<cod/>.net
YUI сброс CSS делает это не работает
Эта строка в сбросе YUI CSS вызывает у меня проблемы:
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}
Это делает мой em не курсивным и мой strong не жирным шрифтом. И это нормально. Я знаю, как переопределить это в моей собственной таблице стилей.
strong, b
{
font-weight: bold;
}
em, i
{
font-style: italic;
}
Проблема возникает, когда у меня есть текст, который является одновременно em и strong .
<strong>This is bold, <em>and this is italic, but not bold</em></strong>
Мое правило для strong делает его смелым, но правило YUI для em снова делает его нормальным. Как мне это исправить?
Если ваше сильное объявление приходит после YUI, то вы должны его переопределить. Вы можете заставить его вот так:
strong, b, strong *, b * { font-weight: bold; }
em, i, em *, i * { font-style: italic; }
Если вы все еще поддерживаете IE7, вам нужно будет добавить !important .
strong, b, strong *, b * { font-weight: bold !important; }
em, i, em *, i * { font-style: italic !important; }
Это работает - смотрите сами:
/*YUI styles*/
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}
/*End YUI styles =*/
strong, b, strong *, b * {
font-weight: bold;
}
em, i, em *, i * {
font-style: italic;
} <strong>Bold</strong> - <em>Italic</em> - <strong>Bold and <em>Italic</em></strong>Если в дополнение к использованию YUI reset.css вы также используете YUI base.css, то вам будет предоставлен стандартный набор базовых стилей кросс-браузера.
LINK: http://developer.yahoo.com/yui/base/
У меня была аналогичная проблема, когда я добавил сброс YUI в верхнюю часть моего файла stock CSS. Я обнаружил, что лучше всего для меня было просто удалить все
font-weight: normal;
объявления от сброса YUI. Я не заметил, чтобы это на что-то повлияло "cross-browser."
Все мои заявления были после сброса YUI, поэтому я не уверен, почему они не повлияли.
Я бы посоветовал избегать всего, что связано со взломом файлов YUI. Вы должны иметь возможность обновлять внешние библиотеки в будущем, и если ваш сайт полагается на отредактированные версии, есть хороший шанс, что он будет взведен. Я думаю, что это общая хорошая практика для любой сторонней библиотеки, которую вы используете.
Поэтому я подумал, что этот ответ был одним из лучших
Если в дополнение к использованию YUI reset.css вы также используете YUI base.css, то вам будет предоставлен стандартный набор базовых стилей кросс-браузера.