<!DOCTYPE html>
<html>
<head>
<title>셀렉터</title>
<style>
h3 {text-align: center; color: brown;}
body.main{background-color: powderblue; color: blue;}
p.help{color: red;}
#hot{background-color: darkorange;}
</style>
</head>
<body class="main">
<h3 class=“headline”>클래스 셀렉터</h3>
<hr>
<div class=“help”>도움말</div>
<p class=“help”>!!경고 메시지</p>
<p id=“hot”>뜨거운 태양</p>
</body>
</html>
다음과 같이 코딩했는데, 도움말, 경고메시지, 뜨거운 태양이 파란색으로 표시되지만, 밑줄친 부분이 적용이 되지 않는것 같습니다.
어떠한 점이 문제인지 알려주실수 있으십니까?
"main"의 이중부호와 “help”의 이중 부호가 다르기 때문입니다.
"main"의 이중부호를 사용하세요.
직접 타이핑해야 합니다.