2017-08-23 70 views
0

我需要覆盖多个DIV的内联元素样式。长话短说,我只需要在一个页面上为一个加载在多个页面上的Wordpress插件执行此操作。覆盖多个DIV的内联元素样式

这就是我需要的帮助:

<div class="galleria-container notouch" style="width: 940px; height: 667px;"></div>

在这个例子中,我需要改变高度从667px到568px。该代码由WP插件输出,因此我无法在页面上更改它,而不会弄乱网站的其他部分。我想我需要通过JavaScript来做到这一点,但还没有任何运气让它运行起来。

+0

你就不能针对该类和CSS与特定页面重写它重要? – Huangism

回答

0

只需添加

  • 风格类似 “显示:块;”或“显示:inline-block的”
  • 类持有上述风格

当其他类顶撞式“显示屏”上,尝试添加或通过一个与自己的显示样式替换类“重要!” 。

<div class="galleria-container notouch" 
     style="display: block ! important; width: 940px; height: 667px;"></div> 
+0

我需要覆盖外部样式表中的样式或使用JavaScript。如果有意义,我无法编辑我直接发布的代码。 – James

+0

您可以更改定义'galleria-container'或'notouch'的样式表,或者每个javascript使用某些类查找所有元素并添加所需的样式。 –

0

我能够用文章编号从主样式表来想出一个办法:

article#page-16755 div.notouch[style] {height: 568px !important;}