WordPress - 针对特定页面上的特定 CSS 选择器答案

【问题标题】：WordPress - Targetting a specific CSS selector on a specific pageWordPress - 针对特定页面上的特定 CSS 选择器
【发布时间】：2014-06-14 19:58:53
【问题描述】：

我想要定位一个 CSS 选择器，但只针对一个特定页面。

通常我会这样写：

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

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

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

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

【问题讨论】：

【解决方案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>

【讨论】：

对不起，不完全理解你的答案 - 复制我得到的 CSS 路径：#boxedWrapper > div:nth-child(5) > div.span12.animated.activate.fadeIn 所以如果我想按照上面的建议，我该如何走这条路，例如 margin-left:82px; 并且通过“编辑框”是指 WordPress 页面编辑框？
在我的答案中添加了更多内容，请查看@user3583694
非常感谢，非常感谢您的帮助。
很高兴我能帮上忙。如果遇到同样的问题，请不要忘记投票并接受它作为其他人的正确答案:)
我想我还不能投票，因为我需要有 15 个声望，但我确实接受了它作为正确答案。再次感谢您提供的完美建议。