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

WordPress-针对特定页面上的特定CSS选择器,wordpress,css,css-selectors,Wordpress,Css,Css Selectors,有一个CSS选择器,我想目标,但只有一个特定的页面 通常我会这样写: .page-id-70 a{ text-decoration: underline; } 但该选择器的形式不同,它位于括号内: [class*="span"] { margin-left: 82px; } 有没有一种方法可以在一个页面ID上定位这样的选择器 最好的方法是使用开发工具(Chrome通常是最好的),右键单击DOM元素并选择“复制CSS路径” 尽管如此,如果此确切路径也在其他页面上,最好将要修改

有一个CSS选择器,我想目标,但只有一个特定的页面

通常我会这样写:

.page-id-70 a{
    text-decoration: underline;
}
但该选择器的形式不同,它位于括号内:

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

有没有一种方法可以在一个页面ID上定位这样的选择器

最好的方法是使用开发工具(Chrome通常是最好的),右键单击DOM元素并选择“复制CSS路径”

尽管如此,如果此确切路径也在其他页面上,最好将要修改的类包含在页面本身中。例如,在Wordpress编辑中,只需在编辑框顶部添加
.myClass{style here}

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

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

#BoxedRapper>div:n个孩子(5)>div.span12.animated.activate.fadeIn{
左边距:82px;
}

target a selector”到底是什么意思?抱歉,我不完全理解你的答案-复制我得到的CSS路径:
\boxedRapper>div:nth child(5)>div.span12.animated.activate.fadeIn
所以如果我想按照上面的建议选择该路径,例如
左边距:82px
你所说的“编辑框”是指WordPress页面编辑框?我的答案中添加了更多内容,请查看@user3583694谢谢,我非常感谢你的帮助。很高兴我能提供帮助。不要忘记投票,如果其他人遇到同样的问题,请接受它作为正确答案:)我想我还不能投票,因为我需要有15个声誉,但我确实接受了它作为正确答案。再次感谢你的好建议,非常有效。