Как применить псевдокласс css только к элементам с определенным классом?

Question

[run182]

Есть такая структура:

<div class="catalog">
    <div class="card"></div>
    <div class="card"></div>
    <a class="banner"></a>
    <div class="card"></div>
    <div class="card"></div>
</div>

.card:nth-child(2n) {
    margin-right: 10px;
}

При таком подходе отступ сбивается из-за элемента с баннером. Как можно обойти это?

Comments

[Stalker_RED]

Не сбивается.

[Владимир Проскурин]

Stalker_RED, он имеет ввиду, что в нумерации в дереве banner тоже присутствует, а нужно каждый второй card, а это nth-of-type

Answer 1

[Владимир Проскурин]

nth-of-type а не nth-child
https://jsfiddle.net/y37qg4nt/
htmlbook.ru/css/nth-of-type