添加＆＃39;！important＆＃39;使用jquery在iframe中使用css的属性

Question

我有一个框架并动态应用＆＃39;标题＆＃39;类到框架。 它工作正常，但需要添加“重要的”＃39;在每个css属性的末尾。

我以下列方式申请但没有工作。

var divblock = '.header';
$('#frame').contents().find('header').addClass('header');

$('#frame').contents().find(divblock).css({
    'color': objProp.css[pageSection]['color']+ '!important',
    'background-color': objProp.css[pageSection]['background']+'!important',
    'font-size': objProp.css[pageSection]['font-size']+'!important'
}); 

Answer 1

我们无法使用jQuery添加！important，但您可以覆盖如下的样式。

// CSS styles 
.header{
  color:red;
 }

.importantHeader{
   color: black !important;
}

//script

$('#frame').contents().find('header').addClass('imporatantHeader');

不是这样，但你可以使用相同的类次数，为此你必须只编写一行代码 jQuery Code 。

这称为可重复使用。

祝你好运[＆＃39;}