请求帮助：为Squarespace网站导航栏添加鼠标悬停时的文本斜体及变色CSS样式

Hey Kim! 很高兴能帮你搞定这个导航栏的悬停效果，这在Squarespace里用自定义CSS就能轻松实现，参考vvorkroom的效果，咱们一步步来：

1. 打开自定义CSS编辑面板 #

• 登录你的Squarespace后台，进入网站编辑器
• 点击右上角的「设置」图标，选择「高级」选项，找到「自定义CSS」入口，打开编辑面板

2. 添加悬停效果的CSS代码 #

把下面这段代码粘贴到CSS面板中，你可以根据自己的品牌风格调整颜色值（比如把示例里的#2c3e50换成你想要的颜色）：

/* 导航栏链接悬停时的样式 */
.header-nav-item a:hover {
  font-style: italic; /* 将文本设置为斜体 */
  color: #2c3e50 !important; /* 替换为你想要的悬停颜色 */
}

小技巧：如果你的Squarespace模板导航项的类名不是.header-nav-item，可以用浏览器的「检查元素」工具（右键点击导航文本 → 检查）查看具体的类名，替换代码里的选择器即可。这能确保样式精准命中你的导航栏元素。

3. 预览并保存 #

粘贴代码后，编辑器会实时展示效果，你可以鼠标悬停导航栏测试一下。确认效果符合预期后，点击「保存」按钮，修改就会同步到你的网站上了。

如果遇到样式不生效的情况，大概率是模板默认样式优先级更高，保留代码里的!important通常就能解决这个问题。

内容的提问来源于stack exchange，提问作者kaparsons