Lo usas para aplicar estilo CSS a tu plantilla.
:first-child se usa para darle estilos al primer hijo, lo puedes usar cuando tienes una estructura por ejemplo:
PHP:
<div class="padre">
<div class="hijo"></div>
<div class="hijo"></div>
<div class="hijo"></div>
<div class="hijo"></div>
</div>
para darle un estilo que solo afecte al primer
div de clase
hijo, usarias algo como:
PHP:
.padre .hijo:first-child {
/* Estilos */
}
:first-of-type se usa para darle estilos al primer hijo que sea de esa clase/elemento/id/etc, lo puedes usar cuando tienes una estructura por ejemplo:
PHP:
<div class="padre">
<span>algo</span>
<div class="hijo"></div>
<p>texto</p>
<div class="hijo"></div>
<div class="hijo"></div>
<div class="hijo"></div>
</div>
en este caso, para darle estilo al primer
div de clase
hijo, usarias algo como:
PHP:
.padre .hijo:first-of-type {
/* Estilos */
}
- - - Actualizado - - -
En el caso de tu template, creo que con algo como esto te funcionaria:
PHP:
.blog-posts .wrapfullpost:first-of-type .post {}
Y ya de ahi le puedes dar estilos a los elementos dentro de ese elemento, por ejemplo:
PHP:
.blog-posts .wrapfullpost:first-of-type .post .title {}
.blog-posts .wrapfullpost:first-of-type .post .post-title {}
.blog-posts .wrapfullpost:first-of-type .post .post-footer {}
