Selesaikan masalah kelas butang tidak sah dalam CSS

Question

Saya telah melengkapkan kod untuk bar navigasi ini menggunakan ReactJS, tetapi kelas butang tidak berfungsi. Saya mencuba penggayaan butang asas tetapi ia tidak berjaya. Saya baru dalam hal ini jadi tidak dapat mencari bahagian yang salah.

fail jsx->>Ini ialah fail jsx

fail css->>Ini ialah fail css

Output Akhir->>Paparan Web Akhir

Saya mahu menambah gaya pada butang tetapi apabila saya memilih kelas butang daripada css ia tidak berfungsi.

Answer 1

Tambahkan atribut kelas pada teg <butang> dan nilai atribut kelas ialah "butang".

Reka bentuk anda harus digunakan pada butang itu sendiri, bukan bekas div.

Answer 2

Sebenarnya, anda sedang menggayakan div, jika anda ingin menggayakan butang, tambah nama kelas pada butang <button className='button'>联系</button>