Необходимо выделить первую букву первого и только одного в документе <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" также выделяется.
Сборка персонального компьютера от Artline: умный выбор для современных пользователей