2

我在 Blogger 上有一个博客，并且有一些小部件。我想知道与其他页面相比，主页上的小部件显示方式是否可能不同？

例如一个盒子

/* on home page, it should appear like this */
#box {
background: green;
width:200px; height:100px;
}

/* on other pages, it should appear like this */
#box {
background: red;
width:200px; height:200px;
}
4

4 回答 4

5

我建议，在您的主页中输入一个 ID，例如，

<body id="home">和其他页面的其他 id

现在 CSS 更改将是

/* on home page, it should appear like this */
#home #box {
background: green;
width:200px; height:100px;
}

/* on other pages, it should appear like this */
#others #box {
background: red;
width:200px; height:200px;
}
于 2013-07-18T05:45:04.947 回答
1

给身体一个id

<body id="page">

那么你可以用它来识别它

#page #box { 
    .... your CODE
}

我保证这会奏效:)

于 2013-07-18T06:32:24.453 回答
0

如果你说 !important 它是覆盖其他代码，你必须把这个代码 htlm 代码页而不是 css 代码页

      <style>
             #box {
              background: red !important;
    width:200px !important; 
height:200px !important;
    }    
        </style>
于 2013-07-18T05:42:14.517 回答
0

您不能将不同的样式表应用于页面的不同部分。你有几个选择：

最好的办法是用类名将页面的不同部分包装在 div 中： REFER

  <div class='part1'>
    ....
</div>

<div class='part2'>
    ....
</div>

然后在您的第 1 部分 CSS 中，为每个 CSS 规则添加前缀“.part1”，在您的第 2 部分 CSS 中，为每个 CSS 规则添加“.part2”前缀。请注意，通过使用类，您可以使用多个不同的“part1”或“part2”div，以灵活划分页面的哪些部分受哪些 CSS 规则影响。

于 2013-07-18T05:44:54.633 回答