Html 一个div的多个位置_Html_Css_Css Position

Html 一个div的多个位置

html css

Html 一个div的多个位置,html,css,css-position,Html,Css,Css Position,我有一个名为“pos”的div。我有3个页面，比如index.php、register.php和login.php。我已经在css文件中定义了div属性，它可以根据每个页面的内容正常工作。但在索引页面中，我希望相同的div显示在顶部。那么，我应该如何在索引页中定义div属性呢 #po { margin-top: 12em; margin-bottom: 1.8em; } 如果您想要一个页面的自定义样式，那么在该页面的HTML中，您可以在头部的一些标记中定义自定义样式，或者在头部包含自定义

我有一个名为“pos”的div。我有3个页面，比如index.php、register.php和login.php。我已经在css文件中定义了div属性，它可以根据每个页面的内容正常工作。但在索引页面中，我希望相同的div显示在顶部。那么，我应该如何在索引页中定义div属性呢

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

如果您想要一个页面的自定义样式，那么在该页面的HTML中，您可以在头部的一些

标记中定义自定义样式，或者在头部包含自定义样式表

<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>


/*建议这样做，而不是使用单独的样式表*/
#位置{
/*你的新风格*/
}

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

您可以在index.php中的

html

标记中添加

索引

类，然后在css中添加类似

索引#pos{values}

<html class="index">

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

正常的

 .po{
    /* your style */
    }

索引页

<body class="poindex">


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


body.poindex.po{
/*你的风格*/
}

您没有任何代码？#po{margin top:12em；margin bottom:1.8em；}@zachsauier如何定义css文件中已定义的同一个div的属性？在索引页中，使用id不同的div包装内容，如

id=“home”

然后专门针对该div:

#home#pos

覆盖默认值

#pos

您还可以向该div添加一个类，这样您就可以更频繁地使用它来编写m而不需要plz细化+1 bcoz它有助于减少常见css上的膨胀，特别是对于那些一次性或特定于页面的类。（oth：有时在公共css中保留一次性案例实际上可能有助于保留上下文。）

<body class="poindex">


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