Question

我有一个名为＆＃34; pos＆＃34;的div。我有3个页面，如index.php，register.php和login.php。我在css文件中定义了div属性，它根据每个页面的内容工作正常。但在索引页面中，我希望相同的div显示在一点点顶部。那么我该怎么做才能在索引页面中定义div属性呢？

#po
{ 
  margin-top: 12em; margin-bottom: 1.8em;
}

Answer 1

如果您想要一个页面的自定义样式，那么在该页面的HTML中，您可以在头部的某些<style>标签中定义自定义样式，或在头部包含自定义样式表

<head>
<link rel="stylesheet" type="text/css" href="customstylesheet.css">

<style> /* This is recommended as opposed to using a separate stylesheet */
    #pos {
        /* Your new styles */
    }
</style>
</head>

通过这种方式，您可以避免添加更多类，并且可以减少在找不到类但使用相同样式表的页面上的混淆

Answer 2

您可以在index.php中的index标记中添加html类，然后在您的css中添加.index #pos{values}

等属性

<html class="index">

或者您可以将index类添加到同一个div中，并将其称为css中的#pos.index{values}。

<div id="pos" class="index">

Answer 3

在索引页面的主体上设置id或类

正常

 .po{
    /* your style */
    }

索引页

<body class="poindex">


body.poindex .po{
     /* your style */
}

一个div的多个位置

3 个答案: