Html CSS滑动下划线导入wordpress

我有一个与codepen.io上描述的css滑动下划线功能相关的问题。如何将其集成到本地托管的wordpress网站？我尝试了HTMLImport2.0插件，但效果不太好。css的一部分我可以作为额外的css添加到theme customizer部分，但是基于

标记的下划线效果无法应用，因为html代码不适用于预先存在的主题菜单。如何继续？

我的意思是：根据您的需要，打开人力资源标签并修改主菜单。亲爱的赫克托（？），谢谢您的回答。如果我正确理解链接的文档，我可以（部分）覆盖原始CSS样式表，并向functions.php文件添加额外的函数。因此，在更新主题后，我将不会丢失我包含的其他设置。伟大的但是html方面呢？如何用html编写的外部菜单结构替换或稍微更改现有的菜单结构？我看到单独的页面，例如侧边栏或页脚，或与单个菜单项相关的任何其他页面。但是我找不到组成菜单列表的内部代码。对于子主题，基本上你可以用自己的主题替换原始主题（CSS、模板等）中的大部分内容。在您的例子中，您可能需要在header.php或functions.php中编辑某些内容，因此我将两者都复制到子主题中，并在那里进行所有更改。（是的，名字是赫克托：））谢谢赫克托，你的解释很清楚。因此，在header.php中，我可能会在function.php中找到一个函数的引用，该函数构造了主菜单结构？因此，没有什么东西与给定的代码笔中的未排序列表结构非常相似：？