Saya mencoba untuk menyuntikkan sebuah gaya yang menggunakan kode ini:
document.body.style.color='green!important';
Per CSS cascade ref, dengan menerapkan !yang penting
aturan saya dapat truf asal dan spesifisitas.
Aku mencoba inject ini menggunakan Firefox Firebug ke www.google.com namun tidak beruntung.
Bagaimana cara menyuntikkan warna foreground dengan sebuah !yang penting
aturan?
Per spec, jika anda ingin mengatur prioritas, bukan hanya nilai, anda harus menggunakan setProperty
, seperti:
document.body.style.setProperty ("color", "green", "important");
semua jawaban yang besar tetapi mereka semua diasumsikan nilai
atribut tetap
,, bagaimana jika tidak
mengambil melihat solusi saya
this.style.setProperty("color", $(this).css('color'), "important");
bukan tulisan tangan
nilai, aku punya itu menggunakan jquery $(ini).css('y')
Aku ingin berpose bahwa hal itu mungkin tidak bekerja tidak begitu banyak karena setiap kesalahan dalam kode (kecuali ruang) tetapi lebih karena memodifikasi tag body isn't tertentu cukup unsur, golongan, atau apa yang telah anda untuk menciptakan efek yang diinginkan.
Seperti misalnya teks halaman dari hasil pencarian memiliki kelas "st".
semua hasil pencarian yang masing-masing dikemas dalam sebuah
<li>
tag.
Jadi beberapa kode untuk efek seperti itu mungkin terlihat seperti ini:
var arr = document.getElementsByClassName('st');
for(i=0; i<arr.length; i++){
arr[i].style.color="green";
}
Hanya menggunakan ini:
document.body.style.color="green";
anda tidak harus menggunakan penting dalam cara ini. Pokoknya seperti yang Fatal menunjukkan, ini tidak akan bekerja, ketika tidak langsung aturan penting dalam css stylesheet, yang perlu anda mengganti.
Dengan cara itu, anda harus dynamicaly membuat stylesheet dan iklan itu di dalam kepala:
function addNewStyle(newStyle) {
var styleElement = document.getElementById('styles_js');
if (!styleElement) {
styleElement = document.createElement('style');
styleElement.type = 'text/css';
styleElement.id = 'styles_js';
document.getElementsByTagName('head')[0].appendChild(styleElement);
}
styleElement.appendChild(document.createTextNode(newStyle));
}
Kemudian anda dapat memperbarui gaya seperti itu
addNewStyle('body {color:green !important;}')
saya perlu untuk menjaga !penting untuk kode berikut cara melakukan
<script> var size = $(window).width();
if(size >="1900" && size <="2890"){
$(document).ready(function(){ $(".myMove").click(function(){ $(".hqnblogo").animate({ left:'-22% ', top: '67%', height:'7%', }); $(".hqnbnaturalslogo").animate({ left: '86%', top: '20px', height:'7%', }); }); }); } </script>?