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 View 中，而不是可视 View 中。然后将以下内容粘贴到最顶部:

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