Individual page styling with $

Question

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

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

但是当人们转到例如www.something.com/home/photos时，样式也是红色的，因为它遵循/home的样式。我怎样才能改变这一点?我只想让红色背景只出现在/home上。

I tried doing this

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();已经被定义，从上面的代码中删除它