CSS의 유효하지 않은 버튼 클래스 문제 해결

Question

ReactJS를 사용하여 이 탐색 모음의 코드를 완성했지만 버튼 클래스가 작동하지 않습니다. 기본 버튼 스타일링을 시도했지만 작동하지 않았습니다. 제가 처음이라 잘못된 부분을 못찾겠네요.

jsx 파일->>jsx 파일입니다

css 파일->>css 파일입니다

최종 출력->>최종 웹 보기

버튼에 스타일을 추가하고 싶지만 CSS에서 버튼 클래스를 선택하면 작동하지 않습니다.

Answer 1

<button> 태그에 class 속성을 추가하면 class 속성 값이 "button"이 됩니다.

디자인은 div 컨테이너가 아닌 버튼 자체에 적용되어야 합니다.

Answer 2

실제로는 div의 스타일을 지정하는 중입니다. 버튼의 스타일을 지정하려면 버튼에 클래스 이름을 추가하세요. <button className='button'>联系</button>