HtmlCss. 13. 문제//후손선택자, 자식선택자를 이용해 선택하기

문제

정답

내 풀이

<!--
div>a[href="http://www.naver.com"]{네이버}
nav>a[href="http://www.google.com"]{구글}
section>a[href="http://www.daum.net"]{다음}
-->

<div><a href="http://www.naver.com">네이버</a></div>
<nav><a href="http://www.google.com">구글</a></nav>
<section><a href="http://www.daum.net">다음</a></section>

div>a{
  font-size : 4em;
  color : black;
}
nav>a{
  font-size : 7em;
  color : red;
}
section>a{
  font-size : 10em;
  color : blue;
}

선생님 풀이

<!--
div>a[href="http://www.naver.com"]{네이버}
nav>a[href="http://www.google.com"]{구글}
section>a[href="http://www.daum.net"]{다음}
-->

<div><a href="http://www.naver.com">네이버</a></div>
<nav><a href="http://www.google.com">구글</a></nav>
<section><a href="http://www.daum.net">다음</a></section>

div a {
    color:black;
    font-size:3rem;
}

nav a {
    color:red;
    font-size:5rem;
}

section a {
    color:blue;
    font-size:7rem;
}