Question

我有一个www.something.com/home的页面（背景为红色，因为我使用了这种样式）

body.menu-home .main-bg {
background: red ; }

但是当人们去例如www.something.com/home/photos时，样式也是红色的，因为它遵循/ home的样式。我怎么能改变这个？我只想让红色背景只在/ home上。

我试过这个

body.menu-home$ .main-bg {
background: red ; }

但它没有用，有什么建议吗？我正在使用joomla btw

提前谢谢

Answer 1

您可以随时在模板index.php文件中添加如下内容：

$app = JFactory::getApplication();
$doc = JFactory::getDocument();
$menu = $app->getMenu();
if ($menu->getActive() == $menu->getDefault()) {
        $css = 'body.menu-home .main-bg {'
              .'background: red;'
              .'}';
        $doc->addStyleDeclaration($css);
}

它检测到您的网站位于默认菜单项上，我假设它是您的主页，如果是，请添加该CSS代码。

注意：如果已经定义了$doc = JFactory::getDocument();，请将其从上面的代码中删除

希望这有帮助。

单个页面样式与$

1 个答案: