WordPress - 在特定页面上定位特定的CSS选择器

Question

我想要定位一个CSS选择器，但仅限于一个特定页面。

通常我会写这样的东西：

.page-id-70 a{
    text-decoration: underline;
}

但是这个选择器的形式不同，它在括号内：

[class*="span"]  {
    margin-left: 82px;
}

有没有办法在单个页面ID上定位这样的选择器？

Answer 1

执行此操作的最佳方法是使用开发人员工具（Chrome通常是最好的），然后右键单击DOM元素并选择“复制CSS路径”。

尽管如果这个确切的路径也在其他页面上，最好在页面本身中包含要修改的类。例如，在Wordpress编辑中，只需在编辑框的顶部添加<style> .myClass{ styles here } </style>即可。

例如，转到要编辑的页面。确保您在文本或html视图中，而不是视觉视图。然后在最顶部粘贴以下内容：

<style>
#boxedWrapper > div:nth-child(5) > div.span12.animated.activate.fadeIn {
    margin-left:82px;
}
</style>