无法找到Zurb Foundation 6下拉:after类，求修改下拉箭头颜色的覆写类

嘿，我之前折腾这个的时候也找了半天！Foundation 6里，带有子菜单的菜单项那个向下箭头，是通过**.menu > li.has-submenu > a::after**这个伪元素来渲染的——你不用手动给<li>加has-submenu类，Foundation会自动给包含嵌套菜单的<li>加上这个类。

你可以直接覆写这个伪元素的样式来修改箭头颜色，比如：

.menu > li.has-submenu > a::after {
  border-color: #ff0000; /* 替换成你想要的颜色值 */
}

如果你用的是垂直菜单（就像你代码里的vertical menu nested），有时候需要单独指定垂直状态下的样式，避免和水平菜单冲突：

.vertical.menu > li.has-submenu > a::after {
  border-color: #0066cc; /* 垂直菜单专属的箭头颜色 */
}

为啥之前找不到对应的:after类？因为Foundation的默认样式里，这个伪元素是绑定在has-submenu父级菜单元素上的，不是给所有<a>标签加通用的:after，所以得精准匹配这个选择器才行。

最后确认下你的代码结构：你现在的<li>里包含<a>和嵌套的<ul class="vertical menu nested">，这个结构是完全正确的，Foundation会自动识别并给父<li>加上has-submenu类，所以上面的CSS应该能直接生效~

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