Isu dengan pembina tema Divi dalam WordPress

Question

Salam semua.

Saya cuba meletakkan kod CSS saya pada borang menggunakan alat Wordpress yang dipanggil Divi Builder. Tetapi kod yang saya masukkan sama sekali berbeza dengan kod yang saya tulis. Saya telah mencuba hampir semua tetapi tidak ada yang berkesan. Jika anda semua boleh membantu, saya akan meletakkan kod CSS saya di sini dan saya amat menghargainya.

Kod CSS yang saya buat:

._form-content {
  display: flex;
  flex-direction: row;
  gap: 7px;
}
input {
  display: flex;
  width: 252px;
  height: 34px;
  border-radius: 8px;
  fill: #f9f9f9;
  border: 1px solid #b0b0b0;
}
input:focus {
  outline-color: #821313;
}
button {
  width: 286px;
  height: 34px;
  border-radius: 10px;
  background-color: #821313;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
  transition: all 0.3 ease;
}
button:hover {
  background-color: #5c0d0d;
}

Inilah yang sepatutnya

Beginilah rupanya

Berikut adalah beberapa ralat yang saya hadapi

Sekali lagi, sebarang bantuan amat kami hargai.

Saya cuba menulis semula keseluruhan kod CSS, cuba menggunakan tag untuk dimasukkan ke dalam kod HTML.

Answer 1

Divi mempunyai satu tan peraturan CSS dalaman, yang kebanyakannya mempunyai pemilih yang sangat khusus, terdiri daripada banyak kombinasi/kelas bersarang/ID/teg, malah selalunya mengandungi !important yang menjadikannya lebih sukar untuk mengatasinya. Kemungkinan peraturan css anda akan ditindih oleh peraturan Divi yang kompleks tersebut.

Anda perlu menggunakan alat penyemak imbas pada elemen untuk melihat peraturan divi yang digunakan padanya, kemudian buat peraturan menggunakan pemilih dengan kekhususan yang lebih tinggi (google "kekhususan css" jika anda tidak tahu apa yang saya maksudkan) . Jika peraturan divi ini mengandungi !important，您别无选择，只能在规则中使用 !important, anda tiada pilihan selain menggunakan

dalam peraturan untuk mengatasi peraturan divi. 🎜