Masukkan Aturan CSS Baru - Trik CSS

Anonim

Jika Anda perlu mengubah gaya elemen dengan JavaScript, biasanya lebih baik mengubah nama kelas dan CSS yang sudah ada di halaman akan diterapkan serta mengubah gayanya. Namun, ada pengecualian untuk setiap aturan. Misalnya, Anda mungkin ingin mengubah pseudo-class secara terprogram (misalnya :hover). Anda tidak dapat melakukannya melalui JavaScript karena alasan yang sama style=""atribut inline tidak dapat mengubah kelas semu.

Anda harus memasukkan elemen baru ke halaman dengan gaya yang benar di dalamnya. Yang terbaik adalah memasukkannya di bagian bawah halaman sehingga menimpa CSS Anda di atasnya. Mudah dengan jQuery:

function injectStyles(rule) ( var div = $(" ", ( html: '-' + rule + '' )).appendTo("body"); )

Pemakaian

injectStyles('a:hover ( color: red; )');

Demo

Informasi Lebih Lanjut

  • Gaya injeksi kebiasaan di IE (Ryan Seddon).
  • Benang Stack Overflow.