是否可以使用css编辑在wordpress中使用短代码创建的按钮？

Question

我在wordpress的一个页面上有一个按钮，我想将它向右浮动，因为它现在向左浮动。

我可以用css创建，因为它是使用短代码创建的吗？如果是这样，我会编辑什么？

Answer 1

短代码只是输出正常的预格式化HTML的快捷方式。您可以编写CSS规则来设置元素的样式，但这取决于短代码生成的标记：

1. 输出短代码并在浏览器中查看页面。
2. 使用Firebug或Chrome Dev Tools（例如）或CTRL+U进行检查。
3. 在生成的元素之上或之上查找id或class个名称。
4. 使用＃3中的信息编写一个针对元素的CSS规则。您可以在主题文件夹的style.css文件中添加此规则。

你的规则有可能被另一种风格所覆盖;短代码提供程序通常使用内联样式“沙盒”CSS，以便用户的其他样式不会干扰其元素。最快的解决方案是将!important覆盖添加到您的规则中，例如：

#target {
    float: right !important;
}

这将覆盖元素上未来的内联样式。

• !important rules