Необходимо выделить первую букву первого и только одного в документе <p>
внутри <div class='layout_data'>
вне зависимости от уровня вложенности.
.layout_data p:first-of-type:first-letter {
font: 3.5em ProximaNova-Bold, Verdana, sans-serif !important;
line-height: 42px !important; /*По высоте буквы*/
color: #bf1238 !important;
float: left !important;
margin: 7px 8px 0 -2px !important;
}
Такой вариант работает только при такой структуре:
<div class='layout_data'>
<p>Текст1</p>
<p>Текст2</p>
</div>
При такой архитектуре:
<div class='layout_data'>
<p>Текст1</p>
<div>
<p>Текст2</p>
</div>
</div>
Первая буква "Текста2" также выделяется.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Не могу разместить картинки друг от друга как на фото.
Как сверстать два блока: один слева, второй справа, ширина 1-го зависит от внутреннего контента, а 2-ой от ширины 1-го блока?.