覆盖多个DIV的内联元素样式

Question

我需要覆盖多个DIV的内联元素样式。简而言之，我只需要在一个页面上为一个加载在多个页面上的Wordpress插件执行此操作。

以下是我需要帮助的地方：

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

在这个例子中，我需要将高度从667px更改为568px。此代码由WP插件输出，因此我无法在页面上更改它而不会弄乱网站的其余部分。我想我需要通过JavaScript来实现它，但是还没有任何运气让它发挥作用。

Answer 1

添加

• 像“display：block;”这样的风格或“display：inline-block”
• 持有上述样式的课程

当其他类与“display”样式相矛盾时，请尝试追加“！important”或将这些类替换为具有自己显示样式的类。

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

Answer 2

我能够找到一种方法，使用主样式表中的文章ID：

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