如何更改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

回答