First & Last Child Selectors

pseudo 선택자 first-child, last-child로

article p:first-child

article p:last-child

First & Last of Type Selectors

pseudo 선택자 : first-of-type, last-of-type

nth child Selectors

nth-child(1), nth-child(7) 첫번째, 7번째.

nth-child(even)

nth-child(odd)   

nth-child(2n + 1)

nth-child(3n + 1)

nth of Type Selectors

nth-of-type(1)

nth-of-type(odd)

nth-of-type(2n + 1)

Combining selectors

<article class="featured-content">

<div class="feature-content">

article.feature-content

div.feature-content