Css 如何为每个菜单项或根据打开的文章为菜单标题设置不同的背景色?

Css 如何为每个菜单项或根据打开的文章为菜单标题设置不同的背景色?,css,joomla,menu,module,joomla2.5,Css,Joomla,Menu,Module,Joomla2.5,我正在开发一个基于Joomla 2.5的网站。 我有一个子菜单,上面有一个标题(标题是topmenu类别的名称)。此标题具有背景色。现在我想在我打开的每一页上都有一个不同的背景色(标题)。 我曾考虑过为每个菜单项创建一个额外的菜单模块,每个菜单项都有css中定义的特定颜色,但是我必须重命名每个模块,因为我不能有两个相同的名称。但是我需要标题与所有子菜单项的Topmenu类别相同 以下是生成代码的基本结构: <body> <div id="content">

我正在开发一个基于Joomla 2.5的网站。 我有一个子菜单,上面有一个标题(标题是topmenu类别的名称)。此标题具有背景色。现在我想在我打开的每一页上都有一个不同的背景色(标题)。 我曾考虑过为每个菜单项创建一个额外的菜单模块,每个菜单项都有css中定义的特定颜色,但是我必须重命名每个模块,因为我不能有两个相同的名称。但是我需要标题与所有子菜单项的Topmenu类别相同

以下是生成代码的基本结构:

    <body>
    <div id="content">
    <div id="breadcrumbs"></div>
    <div id="main" class="centerAndRight"></div>
    <div id="right">
    <div class="moduletable_servicemenu">
    <h3>HERE IS THE TITLE</h3>
    <ul class="menu"></ul>
    </div>
    <div class="moduletable_kontaktmodul"></div>
    </div>
    </div>
    <!-- end content -->
    <div id="overallfooter"></div>
    </body>

这是标题
    谁能帮我个忙吗


    Thanx提前。

    如果您在该标题上放置一个类(例如
    class=“title”
    ),然后在每页的
    正文
    标记上放置一个不同的类(例如
    ),您可以轻松地在每页上设置不同的标题样式,例如:

    .contact .title {background: red}
    .about .title {background: blue}
    

    我写了这个脚本的随机图像,它可以编辑,以适用于您的愿望,这是随机的颜色。它相当简单,而且你可以随意选择颜色,程序会随机化

    $(document).ready(function() {
        var colors = ['#ccc', '#dedede', '#333', '#555' /***keep adding as many colors***/];
    
        $(".Topcategory").each(function(){
        $(this).css({'background' : ' + colors[Math.floor(Math.random() * colors.length)] + ')'})
        });
    
     });
    

    你能发布一些代码吗?对不起,我应该更具体地介绍一下如何在Joomla网站上工作。我只是把它放在标签里。所以我对可以放在标签里的类有一些限制。问题是,我可以用不同的类(从后端)为每个菜单项寻址“main”-div,但不能寻址“right”-div。因为它在同一级别,所以它也不会被继承到它。所以我需要一些更深入的Joomla知识来完成这件事。谢谢你!但是我想为每个子菜单项指定颜色。如果我能在Joomla的后端做这件事,那就太棒了。Joomla的美丽之处在于广泛的插件市场,我相信如果你浏览这个市场,你会找到你想要的。我一定是看错了你的帖子,对不起。