2017-08-23 67 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;}