如何更改wordpress中特定頁面中的一個圖像的CSS樣式？

對於默認情況下的所有圖像，正在設置下面的樣式類。如何更改wordpress中特定頁面中的一個圖像的CSS樣式？

.figure { 
    display: inline-block; 
    vertical-align: top; 
    position: relative; 
    max-width: 100%; 
}

我試圖只在特定頁面上更改display: inline-block to display:inherit。我通過WP中的可視化作曲者添加了圖像，並試圖通過添加所需的樣式爲圖像div添加一個新類，但仍顯示：內嵌塊保持不變。任何解決方案都將得到讚賞。謝謝。

2015-10-19 sa-7

您是否嘗試在新類的顯示值的末尾使用'！important'？ –

嘗試添加'display：inherit！important' – NooBskie

是的，我添加了，但仍然無效。 –

如果您已經添加自定義樣式的數字（你提到一個.pax類），那麼你只需要在指定的CSS如下：

.figure.pax{ 
    display:inherit; 
}

如果不工作，你可以添加特異性選擇（我的偏好）或添加!important如下：

.figure.pax{ 
    display:inherit !important; 
}

（或者，如果你想要的形象是display:block這是個什麼樣子喜歡，請使用display:block而不是display:inherit）

2015-10-19 07:28:26

謝謝:) :) –

@ sa-7 - 非常好，很高興幫助！ –

請添加內聯CSS並檢查其工作與否？

如果它的工作再添加新的類，並添加CSS的該類結束，並嘗試將工作

像添加inline-img這是新的類，然後添加下面的CSS來結束你的CSS文件的

.figure.inline-img{ 
display:inherit; 
}

2015-10-19 07:05:37 Mitul

仍然沒有變化.. –

當我在inspect元素上添加它的樣式它工作，但是當我在樣式表中寫入並添加它不工作的類時，這將是我的樣式表的問題嗎？ –

是的，問題出在樣式表加載順序，當你想覆蓋現有的CSS類，那麼你需要包括在最後。 – Mitul

回答