html - 带有 $ 的单个页面样式

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 顺便说一句

先感谢您

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

希望这可以帮助。