html 부분:&lt;div class="btn"&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href="#none" class="active"&gt;공지사항&lt;/a&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href="#none"&gt;갤러리&lt;/a&gt;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;

css 부분:.btn a{
&nbsp; &nbsp; border: 1px solid black;
&nbsp; &nbsp; display: inline-block;
&nbsp; &nbsp; width: 100px;
&nbsp; &nbsp; padding: 3px;
&nbsp; &nbsp; text-align: center;
&nbsp; &nbsp; text-decoration: none;
&nbsp; &nbsp; color: black;
&nbsp; &nbsp; border-radius: 5px 5px 0 0;
&nbsp; &nbsp; margin-right: -6px;
&nbsp; &nbsp; border-bottom: none;
&nbsp; &nbsp; background-color: lightgray;
&nbsp; &nbsp; margin-bottom: -1px;
}
.btn a.acitve{
&nbsp; &nbsp; background-color: white;
}

이렇게 작성했는데, 내용 부분&nbsp; tab1, tab2는 바뀌는데&nbsp;
active 적용해서 공지사항이나 갤러리 배경이 하얀색으로 바뀌어야되는데 안바뀝니다ㅠㅠ&nbsp;

저도 지금 이런 상황인데...&nbsp;뭔가 문제가 있는거 아닌가요 ㅠㅠㅠ

.btn a.acitve {
&nbsp; &nbsp; background-color: white;
}
active 클래스네임이 오타났어요.

다시 하니깐 둘 다 하얀색으로 돼요.. 어쨋든 누르면 색깔이 정상적으로 바뀌지 않습니다ㅠㅠ&nbsp;

Inflearn Community Q&A

active 클래스가 안먹혀요ㅠㅠ