如何在wordpress中的特定页面中仅更改一个图像的CSS样式？

Question

默认情况下，对于所有图像，正在设置以下样式类。

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

我正在尝试仅在特定页面上更改display: inline-block to display:inherit。我在WP中通过视觉作曲家添加了图像，并尝试通过添加所需的样式为图像div添加一个新类，但仍然显示：inline-block保持不变。任何解决方案都将受到赞赏。谢谢。

Answer 1

请添加内联css并检查其工作与否？

如果它正在工作，那么添加新类并添加css的该类结束并尝试它将起作用

与添加inline-img一样，这是新类，然后将以下css添加到css文件的末尾

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

Answer 2

如果您已为图中添加了自定义样式（您提到了.pax类），则只需在CSS中指定以下内容：

.figure.pax{
  display:inherit;
}

如果这不起作用，您可以为选择器添加特异性（我的偏好）或添加!important，如下所示：

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

（或者，如果您希望图片为display:block，这就是您想要的样子，请使用display:block代替display:inherit）< / p>