无页面或文章ID时如何使用:not()伪类排除插件生成的自定义页面

方案1：使用body自带的post类排除（首选，无额外代码） #

你之前无法选中目标页面，是因为post-id-2114类默认挂载在<body>标签上，而非和.single-property-image-thumb同级/子级，把:not()判断放在body选择器上即可，正确写法如下：

body:not(.post-id-2114) .single-property-image-thumb {
    max-width: 90%;
    margin: auto;
    margin-bottom: -20px;
}

上述代码的作用是：除了body携带post-id-2114类的页面外，其余所有页面的.single-property-image-thumb元素都应用这套样式，完全匹配你的需求。
如果需要排除所有自动生成的房源详情页，可直接替换:not内的类为房源自定义内容类型的专属body类，比如常见的single-property等，不需要逐个按post ID排除。

方案2：通过URL匹配动态标记页面（适用于找不到对应body类的场景） #

CSS本身不支持直接读取URL判断页面，可搭配一段极简JS实现需求：

// 代码添加到主题全局JS文件或自定义脚本块即可
if(window.location.href.includes('目标页面URL独有特征片段')){
  document.body.classList.add('exclude-property-page');
}

配套CSS写法：

body:not(.exclude-property-page) .single-property-image-thumb {
    max-width: 90%;
    margin: auto;
    margin-bottom: -20px;
}

把目标页面URL独有特征片段替换为你要排除的页面URL里独有的字符即可，比如房源页面URL都带/property/就填/property/。

内容的提问来源于stack exchange，提问作者fa2oush