Форматирование первого детского текста абзаца

Question

У меня возникла проблема с изменением формата первого абзаца, когда я удаляю родительский класс div и помещаю его в основной класс контейнера.

Имя класса 'inside-content', когда я помещаю его вместе с контейнером, тогда он не работает, но когда я применяю его к ближайшему родительскому классу, он работает.

Мой код:

<div class="container"> 

<h1> Sample Text</h1> 

    <div class="inside-content"> 
     <p>Our 2011 collection, along with our fully updated range of contract furniture brochures are available to download. For your copy, please click the links shown on the left.</p> 
     <p>Our 2011 collection, along with our fully updated rtange of contract furniture brochures are available to download. For your copy, please click the links shown on the left.</p> 
    </div> 
</div> 
<div class="container inside-content"> 

<h1> Sample Text</h1> 

    <p>Our 2011 collection, along with our fully updated range of contract furniture brochures are available to download. For your copy, please click the links shown on the left.</p> 
    <p>Our 2011 collection, along with our fully updated rtange of contract furniture brochures are available to download. For your copy, please click the links shown on the left.</p> 
</div> 

Выход здесь: Demo

Любая помощь высоко ценится.

Answer 1

Вы должны использовать :first-of-type pseudo-class вместо : первого ребенка:

.inside-content p:first-of-type { 
    /* your style here */ 
}