Заглавные буквы в посте

Написал Накукрыскин в категории Быдлокодер, Интернетное, Лытдыбр 02 8, 2009 | Комментариев нет

Для того, чтобы буквы стали заглавными в посте не обязательно каждый раз вручную править код. Достаточно использовать свойства css:

код:
.post .entry p:first-letter {font-size:2.1em;font-family:Georgia;}
.post .entry * + p:first-letter {font-size:1em;}

параметр first-letter срабатывает для первой буквы каждого нового класса «.post» с дочерним классом «.entry» и свойством «p». Первая буква будет равна стилю «font-size:2.1em; font-family:Georgia;».

Последующий стиль применяется ко всем повторениям первого стиля для всех остальных классов «.post»  с дочерним классом «.entry» для всех последующих свойств «p:first-letter». В итоге мы имеет приблизительно следующее:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper dignissim nunc. Ut ullamcorper urna eget urna. Fusce posuere tristique nulla. Maecenas sit amet enim. Integer consequat interdum ipsum. Pellentesque vitae dolor adipiscing nulla ultricies semper.

Nam ligula enim, commodo sit amet, convallis vel, condimentum quis, sem. Maecenas suscipit massa at diam. Fusce tempus aliquet arcu. Phasellus ut nulla sed nisl venenatis ultricies. Aenean condimentum, urna sed suscipit fermentum, elit quam scelerisque turpis, vitae sodales felis lorem a lectus.

Способ подсказан lilumi.

Связанные записи

Пообсуждаем?