[ 모각코+ 5일차 ] 선택자

[ 선택자 ]

 

HTML은 기본적으로 <태그>내용</태그>로 작성되어 있다.

하지만 웹 페이지를 나타내기 위해서는 다양한 태그가 필요하고 각 태그들을 구분해 주기 위해서는

'선택자'라는 주소를 이용해서 각 태그를 구분할 수 있다.

 

<div class = "studying" "> <span class = "crawling"> ... </span> </div>

 

class = "something" 을 이용해서 각 태그를 선택자를 이용해서 관련 데이터만 받아올 수 있다.

---

[ 선택자의 종류 ]

 

① id : 특정 요소만 가질 수 있는 고유한 값

         하나의 HTML 코드에 id는 중복되지 않고 하나만 존재

 

② class : 고유한 값이 아닌 같은 속성을 지닌 데이터들을 묶어주는 것

             여러 번 사용이 가능하다. 

 

* 데이터를 검색할 때 태그 뒤에 id는 '#'을 붙이고 class는 '.'을 붙어야한다.

ex) <div id='merry' class='christmas'>

     → div, div#merry, div.christmas, div#merry.christmas

 

* 정확한 데이터 검색 방법 : id 선택자 + class 선택자

여러 개의 요소를 검색할 경우 띄어쓰기로 구분 가능

ex) div#merry div.christmas

 

* class 이름에 공백이 포함되어 있을 경우

ex) <div class='merry christmas'>

    → div.merry.christmas

 

---

[ 5일차 미션 ]

 

---

 

 

저작권 출처 : https://cafe.naver.com/codeuniv