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