css - 根据页面模板更改 Wayfinder MODx 菜单中的 CSS 类

Question

我在 MODx 中使用 Wayfinder 创建了一个下拉菜单。基本上我试图在下拉列表中设置特定页面链接的样式，具体取决于特定页面使用的模板。

所以外汇。如果页面使用模板“A”，其下拉列表中的链接将获得 A 类 - 并且可以设置“A”类的样式。

你会怎么做？

我还想根据他们的页面模板在下拉列表中订购页面链接。

谢谢！

编辑：

基本上我试图在下拉列表中设置特定页面链接的样式，具体取决于我设置的模板变量。我有一台名为 [ status ] 的电视，在编辑页面时可以将其设置为 3 个收音机选项中的 1 个。

所以外汇。如果页面的 [ status ] 设置为“A”，则其下拉列表中的链接将获得 A 类 - 并且可以设置“A”类的样式。

score 1 · Accepted Answer

将类添加到 body 标签：

<body class="template-[[*template]]">

然后只需在 css 中使用它，例如：

.my_wayfinder_menu {
    /* common style */
} 
.template-5 .my_wayfinder_menu {
    /* only for template with id 5 */
}

1 回答 1