Использование псевдоклассов и псевдоэлементов в CSS ограничивается тем, что Internet Explorer в большинстве своём их практически не поддерживает. По этой причине верстальщиком приходится изголяться не по-детски. К счастью, Internet Explorer поддерживает псевдоэлемент :first-line, что не может не радовать.

Стояла зада примерно следующего содержания:

astahov

То есть в первом абзаце текста первое слово нужно было выделить (text-transform: uppercase). Задача решилась просто элементарно:

HTML:

<p class="name">Кобзарёв<br />Михаил<br />Николаевич</p>

CSS:

p.name {
    font-weight: bold;
}
p.name:first-line {
    text-transform: uppercase;
}

Ещё бы избавиться от тегов внутри параграфа - было бы вообще круто. Если у вас есть варианты, пишите в комментах ツ

Похожие публикации:

  1. Поддержка RGBA в Internet Explorer
    Как известно Internet Explorer не поддерживает указание цвета в RGBA, но большая часть фильтров понимает цвет в формате ARGB (alfa,...
  2. Эмуляция border-color: transparent в Internet Explorer 6
    К сожалению, Internet Explorer 6 не поддерживает прозрачность для рамок. В CSS это выглядит как border-color: transparent. Поэтому корректно работающий...
  3. Эмуляция position: fixed в Internet Explorer 6
    Internet Explorer 6 не поддерживает CSS-свойство position: fixed position, поэтому для эмуляции данного эффекта используют position: absolute и CSS expression....
  4. Курсивный баг Internet Explorer 6
    При использовании курсива Internet Explorer 6 увеличивает ширину блока с текстом, что может запросто развалить ваш макет. Причины возникновения проблемы:....
  5. Стилизуем посещённые ссылки
    Абсолютно все браузеры (хотя возможны и исключения) могут отличать посещенные и непосещенные ссылки. Если воспользоваться данной функцией, то можно получить...

Теги: ,

Оставить комментарий

При написании кода в комментариях вы можете использовать Zen Coding для быстрого ввода HTML.