djshin98
commented
3 years ago 1. > 과 ' ' 의 사용
HTML 문서는 TREE 형태의 구조를 갖는다. 이는 주소와 같은 형태로 특정위치를 가리키는 방식이 적용되는데, 대한민국 서울특별시 노원구 상계동 ooo아파트 000동 000호 처럼 [부모 ELEMENT] [자식 ELEMENT] [자식의자식 ELEMENT] [자식의자식의자식 ELEMENT] 이렇게 정의된다.
만일에
대한민국 대동청솔아파트 이라고 하면 과연 알아먹을까? 알아 먹는다.
대동청솔아파트는 노원구 상계동에도 있고, 창원시에도 있다. 2개의 ELEMENT가 선택된다.
위 접근자에서 대한민국 과 대동청솔아파트 사이에는 ' ' (이하:SPACE) 로 표현되는 띄워쓰기가 있다.
이 띄워쓰기는 중요하다. 부모 밑에 존재하는 자식을 접근할때는 SPACE를 사용하는데, 바로 아래의 1촌 관계의 자식뿐만아니라 2촌, 3촌... 까지의 자식중 대동청솔아파트 라는 자식은 모두 다 포함한다.
2. > 과 ' ' 의 차이
CSS에서는 '>' 를 사용하는데 부모>자식 이런식으로 사용한다. 이 의미는 부모 바로 아래 1촌 관계의 자식을 가리킨다. 대한민국>대동청솔아파트 이런식으로 접근했을때 해당되는 위치는 없다.
접근한다면, 대한민국>서울특별시>노원구>상계동>대동청솔아파트>000동>000호 위와같이 사용하면 올바른 접근이 된다.
그러면, 대한민국>서울특별시>노원구>상계동>대동청솔아파트>000동>000호 과 대한민국 서울특별시 노원구 상계동 ooo아파트 000동 000호 의 차이는 없다. 결론적으로 같은 ELEMENT를 선택한다.
이탤릭채로 해놓은 .all browser > h1, .browser {~} 이부분에서 태그 표시가 이상한 거 같은데..? 원래 이런 것도 있나..?
Most Popular Browsers
Google Chrome
Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!
Mozilla Firefox
Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.
Microsoft Edge
Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.