css - 如何更改Wordpress中特定页面中仅一张图像的CSS样式？

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

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

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

最佳答案

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

.figure.pax{
  display:inherit;
}

如果那不起作用，则可以向选择器添加特异性（我的偏好），也可以添加!important，如下所示：

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

（或者，如果您希望图像为display:block的样子，请使用display:block而不是display:inherit）

关于css - 如何更改Wordpress中特定页面中仅一张图像的CSS样式？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33208405/