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

有一个我希望定位的CSS选择器，但仅限于一个特定页面。WordPress - 针对特定页面上的特定CSS选择器

通常我会写这样的事：

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

但这种选择是不同的形式，它的内部括号：

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

是否有针对这样的一个选择上的方式一个页面ID？

来源

2014-04-29 user3583694

“目标选择器”甚至意味着什么？ – CBroe

要做到这一点，最好的方法是使用开发工具（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>

来源

2014-04-29 04:10:59 Fizzix

对不起，没有完全理解你的答案 - 复制我得到的CSS路径：'#boxedWrapper> div：nth-child（5）> div.span12.animated.activate.fadeIn'因此，如果我想按照上面的建议我是否会采取这种方式，例如'margin-left：82px;'在'编辑框'中，您只是表示WordPress页面编辑框？ – user3583694

添加更多我的答案，查看@ user3583694 – Fizzix

非常感谢，我非常感谢您的协助。 – user3583694

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

回答

相关问题