Pure.CSS 菜单

Pure.CSS 默认提供垂直菜单。由于其最小的样式和低特异性的使用，在 Pure.CSS 中自定义菜单非常容易。

注意：使用以下代码将 Pure 添加到您的 HTML 页面中。

创建垂直菜单的语法

垂直菜单（默认）

示例

输出

创建水平菜单

您可以通过添加类名 "pure-menu-horizontal" 将上述垂直菜单更改为水平菜单

使用以下链接将 Pure 添加到您的 HTML。

示例

输出

选中的和禁用的菜单项

您可以使用类名 "pure-menu-selected" 将菜单项标记为选中，使用类名 "pure-menu-disabled" 将菜单项标记为禁用

示例

输出