Как оформить первые две карточки?

Question

[MRcracker]

Есть стандартная структура вывода блог постов. Подскажите, как можно для первых двух карточек задать другие стили для вывода?

Answer 1

[Антон Литвиненко]

Если нужно менять не только стили но и структуру, то для цикла добавляете счётчик, ставите проверку на первые два итема и для них выводите другую разметку, а для остальных стандартную

<?php if ( have_posts() ) : $ir = 0; while ( have_posts() ) : the_post();

  if ( $ir == 0 || $ir == 1 ) {
    get_template_part( 'template-parts/article-wide' );
  } else {
    get_template_part( 'template-parts/article' );
  }

$ir++; endwhile; endif; ?>

Comments

[MRcracker]

пример можете привести?

[Антон Литвиненко]

MRcracker, дополнил

Answer 2

[xdevelx]

.post:nth-child(-n + 2) {
  /* стили первых двух постов */
}

Answer 3

[Pashok Doom]

Можно еще при выводе доп. классы навешать, или :nth-child