Как такое сделать?

Question

[Rem36]

День добрый, подскажите пожалуйста, как сделать разные картинки у блоков. Аккардион на JQuery.

<ul class="accordion">
                        <li class="li-title">
                            <div class="accordion-header">Statics</div>
                            <div class="accordion-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio impedit, eum possimus tempora sit consequuntur, ad repudiandae. Obcaecati natus, quam odit eveniet at pariatur ratione, quidem similique porro, cupiditate praesentium!</div>
                        </li>
                        <li class="li-title">
                            <div class="accordion-header">Inbox</div>
                            <div class="accordion-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio impedit, eum possimus tempora sit consequuntur, ad repudiandae. Obcaecati natus, quam odit eveniet at pariatur ratione, quidem similique porro, cupiditate praesentium!</div>
                        </li>
                        <li class="li-title">
                            <div class="accordion-header">Team</div>
                            <div class="accordion-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio impedit, eum possimus tempora sit consequuntur, ad repudiandae. Obcaecati natus, quam odit eveniet at pariatur ratione, quidem similique porro, cupiditate praesentium!</div>
                        </li>
                        <li class="li-title">
                            <div class="accordion-header">Settings</div>
                            <div class="accordion-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio impedit, eum possimus tempora sit consequuntur, ad repudiandae. Obcaecati natus, quam odit eveniet at pariatur ratione, quidem similique porro, cupiditate praesentium!</div>
                        </li>
                        <li class="li-title">
                            <div class="accordion-header">Feed</div>
                            <div class="accordion-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio impedit, eum possimus tempora sit consequuntur, ad repudiandae. Obcaecati natus, quam odit eveniet at pariatur ratione, quidem similique porro, cupiditate praesentium!</div>
                        </li>
                    </ul>

.accordion-header:before{
    content: url('img/mail.png');
    float: left;
    margin-right: 25px;
}

Но если сделать

.accordion-header:nth-child(2):before{
    content: url('img/2.png');
    float: left;
    margin-right: 25px;

.accordion-header:nth-child(3):before{
    content: url('img/1.png');
    float: left;
    margin-right: 25px;

.accordion-header:nth-child(4):before{
    content: url('img/3.png');
    float: left;
    margin-right: 25px;
}

Так не работает

Answer 1

[Lord_Dantes]

.accordion li:nth-child(2) .accordion-header::before{
    content: url('img/2.png');
    float: left;
    margin-right: 25px;
}

Comments

[Rem36]

Спасибо, с работало!

Answer 2

[G F]

Применяй nth-child к li-title, погугли что он делает для начала, станет понятно.

Comments

[Rem36]

спс, я знаю что оно делает.

[G F]

Ок -_-

[Rem36]

А что не так?

[Rem36]

А, все.ясно. Брать среди li нужно. Все все