CSS - nth-of-type() / white-space

*E:nth-of-type(n) :: E와 같은 유형의 n번째 형제인 

input:nth-of-type(1) { display: none; }

::input 태그들중 (1)번째를 선택해서 속성:값을 먹인다.

input:nth-of-type(1) ~ div:nth-of-type(1) { display: none; }

::input 태그들중 (1)번째를 선택해서 같은 선내에 있는 div태그에 속성:값을 먹인다.

input:nth-of-type(1):checked ~ div:nth-of-type(1) { display: block; }

::input 태그들중 (1)번째를 선택해 checked가 되어있다면 같은 선 내에 있는 div태그에

속성:값을 먹인다

white-space: nowrap;/*영역을 벗어나면 아래칸으로 내려가게되는걸 no시키고*/

            overflow: hidden;/*넘어가는건 감춘다.*/

            text-overflow: ellipsis;/*감춘건 ellipsis함으로써 ... (생략)이 된다*/

http://html5doctor.com/html-5-reset-stylereset ------ CSS리셋사이트