如何在没有页面或帖子 ID 的情况下使用 :not() ？答案

【问题标题】：How can I use :not() without a page or post ID?如何在没有页面或帖子 ID 的情况下使用 :not() ？
【发布时间】：2021-08-06 13:00:07
【问题描述】：

我希望 CSS 应用于所有页面，除了一个页面，这是 :not() 的来源。

现在的问题是我要排除的页面既不是页面也不是帖子，所以它没有我可以使用的 ID；它是一个由插件创建的页面，而原来的“帖子”实际上是一个属性（我使用了一个属性管理插件，所以当我添加一个属性时，该插件会为其创建一个在网站上可见的单个页面）。我尽我所能，但找不到如何选择此页面，即使检查元素将其显示为post-id-2114。

有没有办法可以使用 URL 将其从 CSS 中排除？或者还有什么可以用的？

CSS

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

【问题讨论】：

请添加相关的 HTML 并告诉我们哪一项不应被 CSS 定位。
感谢您的快速回复。我是一个超级初学者（仍在学习）我不知道如何提供相关的 HTML。是否会提供指向我要排除帮助的页面的链接？
添加一个页面链接，或者带有.single-property-image-thumbs 的HTML，可以设置样式并且可以排除带有的那个。
这是我要排除的页面的链接cia-agency.co.uk/property/…
哪个thumb 不应该被相关样式设置样式？

标签： html css css-selectors

【解决方案1】：

由于上面的cmets，如果我理解它，我会尝试。

/* for all pages */
.single-property-image-thumb {
    max-width: 90%;
    margin: auto;
    margin-bottom: -20px;
}

/* different styles for https://cia-agency.co.uk/property/clifton-court-northwick-terrace-london-nw8/
.postid-2114 is class on body element */
.postid-2114 .single-property-image-thumb {
    /* there will be styles just for linked page  */
    margin-bottom: 0;
}

【讨论】：

天哪，它成功了！在我在这里问之前，我尝试了完全相同的 css，但它没有用！非常感谢您的帮助和快速回复！非常感谢！
@fa2oush：也许你忘记了classes 之间的空格，也许是缓存......很高兴帮助你。
从@pavel 的回答中得到的一个好处是，在 CSS 中，您通常最好在更高级别应用一般规则，然后在更详细的级别指示异常，而不是捆绑你自己在 :knots() 和:not()。 :not() 是说 :not() 不是一个非常有用的工具，但我确实认为最好的做法是谨慎使用它。