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

时间:2015-03-04 11:44:59

标签: css menu navigation modx wayfinder

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

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

你会怎么做?

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

谢谢!

编辑:

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

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

1 个答案:

答案 0 :(得分:1)

将类添加到body标签:

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

然后只需在css中使用它:

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