如何在将html转换为wordpress时保持css样式

我正在使用webflow构建我的大多数网站，如果需要，通常会使用Pinegrow将它们转换为WordPress主题。在这个过程中，我学习了一些基本的php编码，现在我正在尝试将webflow导出的html文件手动转换为wordpress（因此不需要pinegrow）

我得到了大部分的设置工作，但我正在努力与导航菜单的css，希望有人可以帮助

在functions.php中，我使用以下命令注册了一个菜单位置：

    register_nav_menu('my-custom-menu', ( 'Main Menu' ));
  }
  add_action( 'init', 'main_menu' ); 

然后在WordPress后端的“外观和菜单”下，我使用我注册的位置，用我当前拥有的两个页面创建了我的第一个菜单

然后在header.php中，我查找了navbar html代码，如下所示：

<div class="navbar">
        <a href="index.html" aria-current="page" class="link w--current">Home</a>
        <a href="page-2.html" class="link">Page 2</a>
      </div> 

并想用代码替换两个a标记，以显示我新创建的菜单：

<div class="navbar">
        <?php
    main_menu( array( 
    'theme_location' => 'my-custom-menu',  ) ); 
?>
      </div> 

这两个菜单链接将出现在页面上，并且工作正常。然而，我的css样式已经完全消失了。在通过WordPress添加菜单之前，这两个链接中的下两个彼此（水平）具有一定的左右边距，字体为白色，不带下划线。所有这些样式都应该存储在我在Webflow中创建的类“link”下

然而，现在随着注册菜单的链接显示，这种样式已经完全消失了。这两个链接现在堆叠在彼此的顶部，为紫色并带下划线

如何恢复我原来的css样式