仅针对 Wordpress 站点的一页的目标 CSS 伪选择器

Question

这很好用，但不幸的是它在全球范围内应用。我想将 css 应用于特定的页面 ID (75)。如果我通过块编辑器中的高级选项卡添加一个类，它会中断，没有列表图标。

.entry-content ul > li::before {
  content: '\f0da';
  color: #a86500;
  font-family: 'Font Awesome 5 Free';
  padding: 0 10px 0 0;
}

有任何想法吗？

Answer 1

您不需要添加类。您应该能够定位已经是body标签中的类的页面 ID 。在 DevTools 中检查页面，您应该看到标签page-id-??类中的唯一性，body然后像这样定位：

.page-id-75 .entry-content ul > li::before {
content: "\f0da";
color: #a86500;
font-family: "Font Awesome 5 Free";
padding: 0 10px 0 0;