gpt4 book ai didi

javascript - jQuery:获取内联样式而不是 body 的 CSS

转载 作者:可可西里 更新时间:2023-11-01 13:28:29 25 4
gpt4 key购买 nike

我正在尝试获取内联元素的真实样式,但它总是将 css 应用于它。我不想修改我的 CSS,太多页面依赖于它。

<body class="processed" style="padding-top: 157px ;margin-top: 0px;">

我的 CSS

.processed{padding-top: 56px !important;}

JS:

$(function(){
var pad = $('body').css('padding-top');
$('body').attr('style','padding-top:'+ pad +' !important; margin-top: 0px;');
console.log('pad' + pad);

});

结果:body 具有内联样式 56px,而不是 157px...

最佳答案

您可以在 CSS 文件中创建第二个“重要”类,这样它就不会影响其他页面,但会覆盖第一个“重要”类。

您只需在第一个类之后编写新类即可。

例如:

HTML:

<body class="processed processed-large-top">

CSS:

.processed{padding-top: 56px !important;}
.processed-large-top{padding-top: 157px !important; margin-top: 0px;}

关于javascript - jQuery:获取内联样式而不是 body 的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34004399/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com