改變特定頁面內的元素的CSS

我想改變頁面內特定元素的CSS（因爲我需要它們在特定頁面上不同）嘗試做到這一點無濟於事。改變特定頁面內的元素的CSS

<script> 
$(document).find('#nav-icon span').css({ 
    'background-color': '#333' 
}); 

$(document).find('.screen-nav li a').css({ 
    'color': '#fff' 
}); 

$(document).find('.screen-nav li a:after').css({ 
    'background-color': '#fff' 
}); 
</script>

來源

2017-10-17 user3550879

你能上傳HTML代碼嗎？ –

你應該將不同的類傳遞給body，然後寫上面的CSS。我認爲這是一個更好的方法。 –

它真的需要在js嗎？ – Swellar

它更好地執行這些CSS更改文檔完成加載後。

$(document).ready(function(){ 
    $(document).find('#nav-icon span').css({ 
    'background-color': '#333' 
    }); 
});

您還可以減少上面的代碼來簡單地查詢類中的對象。由於父對象是文件，你可以直接使用的CSS類

$(document).ready(function(){ 
    $('#nav-icon span').css({ 
    'background-color': '#333' 
    }); 
});

來源

2017-10-17 05:47:31

我必須將它放在索引頁上直接被告知'find'方法效果最好 – user3550879

然而，你正在努力尋找從document它運行之前DOM已準備就緒的HTML元素jQuery選擇。因此，你需要綁定find功能後DOM準備和jQuery腳本應符合的document.ready功能，並嘗試CSS屬性從jQuery的變化是這樣的：

HTML

<nav class="screen-nav"> 
<ul> 
    <li><a href="#">AA</a></li> 
    <li><a href="#">BB</a></li> 
    <li><a href="#">CC</a></li> 
    <li><a href="#">DD</a></li> 
</ul> 
</nav>

JQUERY

$(document).ready(function(){ 
    $('.screen-nav li a').css({ 
    "background-color": "yellow", 
    "font-size": "200%", 
    "color":"#000" 
    }); 
});

工作演示here

來源

2017-10-17 05:49:52

改變特定頁面內的元素的CSS

回答

相關問題