• 카테고리

    질문 & 답변
  • 세부 분야

    자격증 (디자인)

  • 해결 여부

    미해결

active 클래스가 안먹혀요ㅠㅠ

21.05.28 15:40 작성 조회수 580

1

html 부분:<div class="btn">

                    <a href="#none" class="active">공지사항</a>

                    <a href="#none">갤러리</a>

                </div>

css 부분:.btn a{

    border: 1px solid black;

    display: inline-block;

    width: 100px;

    padding: 3px;

    text-align: center;

    text-decoration: none;

    color: black;

    border-radius: 5px 5px 0 0;

    margin-right: -6px;

    border-bottom: none;

    background-color: lightgray;

    margin-bottom: -1px;

}

.btn a.acitve{

    background-color: white;

}

이렇게 작성했는데, 내용 부분  tab1, tab2는 바뀌는데 

active 적용해서 공지사항이나 갤러리 배경이 하얀색으로 바뀌어야되는데 안바뀝니다ㅠㅠ 

답변 3

·

답변을 작성해보세요.

0

김하윤님의 프로필

김하윤

2022.10.11

저도 지금 이런 상황인데...

 

뭔가 문제가 있는거 아닌가요 ㅠㅠㅠ

0

.btn a.acitve {

    background-color: white;

}

active 클래스네임이 오타났어요.

0

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