我只想在主页上更改 div 的 css，但它应该在 opencart 的其他路线上保持不变。任何人都可以有一个想法吗？

Question

我在主页上的滑块下方显示了类别，我想将其对齐到滑块旁边而不是下方。我认为这可以通过给 div 一些负的最高边距来实现。但问题是我怎样才能只为主页而不是其他页面做 css

这是我要更改的那个页面的link。

http://kiranalala.com/

Answer 1

嗯，我不知道 opencart，但 CSS。

我假设您的站点结构与此相同：http://demo.opencart.com/

所以您可以使用主页 class 作为父 class 来满足您的要求。

如上图所示，我们可以使用 "common-home" 作为父级 class，这样只会影响主页。

所以你的代码可以像下面这样

.common-home .home-slide{
    margin-top:-15px
}

你应该把你的一些源代码给我们一个完美的解决方案。

Answer 2

您必须将整个 id="column-left" div 移动到 span12 div 的内部，如图所示。

Answer 3

好吧，我找到了答案，它比我想象的要简单得多。根据需要做一些 CSS 工作并准备所需的 class，我使用 php $_SERVER 函数来解决 url 问题。

<?php if($_SERVER['REQUEST_URI']=='/')?>
   {
     echo $class ="the_class_needed_to_align_div";
   }
   else{
       echo $clasas = "default_class";
   }

然后在需要重新对齐的div中调用$class变量。

我只想在主页上更改 div 的 css，但它应该在 opencart 的其他路线上保持不变。任何人都可以有一个想法吗？

I want to change the css of a div on home page only but it should remain unchanged on other routes in opencart. Can anyone have an idea?

css

stylesheet

opencart