# 오늘 한 일
자기소개 페이지 리뉴얼
1) class는 다중 선택자가 가능하다.
<style> .intro { text-decoration: underline; } .container { font-size: 25px; } </style> <head> <body> <div class="intro container"> 안녕하세요 </div> </body> </head>
- 다중 선택자는 "intro container"라는 하나의 클래스를 가지는 것이 아니라, "intro class"와 "container class" 총 2개의 클래스를 가지는 것이다.
2) 선택자에서 콤마(,)를 사용하는 것은 각각의 요소를 선택하는 것이다.
<style> #name, .age { text-decoration: underline; } </style> <head> <body> <div id="name"> charlie </div> <div class="age"> 0살 </div> </body> </head>
3) 꺽쇠(>)는 직계 자식 요소 중에서 선택하는 것
<style> #a > .p { color: red; } </style> <head> <body> <div id="a"> <p>안녕,</p> <div class="b"> <p>charlie</p> </div> </div> </body> </head>
4) 띄어쓰기( )는 하위 요소 중에서 선택하는 것
<style> #d p { text-decoration: underline; } </style> <head> <body> <div id="d"> <p>안녕,</p> <div class="f"> <p>charlie</p> </div> </div> </body> </head>
매일 하루에 딱 한 걸음만