这很简单。我正在开发我的第一个WordPress插件。在多个WordPress网站上进行测试, 似乎很难确保我的插件在所有网站上看起来都一样。
我显然不想列出每个可能的CSS设置并且不写任何内容!重要。
【如何确保我的WordPress插件的样式不会被全局/主题样式覆盖()】那么什么是正确的方法呢?
#1
创建任何插件时, 你可以根据你的插件名称创建一个通用前缀, 并将其添加到任何地方。就像我创建一个插件(即”
自定义帖子类型”
)一样, 那么我将在所有地方都将”
cpt”
用作类或ID。
文章图片
只需根据你的插件名称使用唯一前缀, 这样就不会与主题样式冲突。希望这会有所帮助!
#2 使用可以使用自定义HTML标签。所以代替这个:
<
div class="hello">
Content<
/div>
做这个:
<
my_element class="hello">
Content<
/my_element>
这是确保100%确定的唯一方法, 而无需使用诸如!important等过多的合格条件。
两种都是使” 准则” 无效的” 不正确” 方式。
但这会起作用, 并且只要你的标签具有唯一的名称并且永远不会成为规格的一部分并且不会被浏览器以预定义的方式处理, 它将永远有效。
对于输入字段等, 不幸的是, 你必须使用标准CSS选择器, 并且对它们的限定要比可能存在的任何其他CSS高。
asdf{display:block;
width:100px;
height:100px;
background:black;
color:white;
}
<
asdf>
Hello!<
/asdf>
推荐阅读
- 算法与数据结构系列「限流算法专项」带你认识常用的限流算法的技术指南(分析篇)
- 如何仅在自定义帖子类型的单个页面和存档页面上排队脚本和样式()
- 如何使用WordPress functions.php中的ACF使脚本入队和出队()
- 如何使用语法高亮显示来编辑wordpress页面的html
- 如何在WordPress中编辑默认页面((index页面))
- 如何编辑wordpress主题以自动加载产品而不是分页产品
- 如何在子主题上编辑函数()
- 如何显示WordPress类别页面的自定义分类法()
- 如何显示类别页面的子类别()