我正在尝试删除http://insightcxo.com/epicwin/
上的左边距问题是当我定位课程.container时，它会将整个网站转移 - 我只想在特定页面上定位div。
这是我正在使用的代码，它使页面工作，但也改变了整个网站：
.container {
margin-left: 0;
}
答案 0 :(得分：12)
大多数WordPress主题（包括您的主题）都将页面ID包含为body类名。在这种情况下，<body>标记如下所示：
<body class="page page-id-731 page-template-default page-shadow responsive-fluid ">
这意味着您可以通过以下方式定位此页面：
.page-id-731 .container {
margin-left: 0;
}
可以找到有关WordPress body_class()功能的更多信息in the Codex。
答案 1 :(得分：2)
根据您要链接的页面，您似乎正在使用页面ID作为您身体中的类，因此这可能会有效：
.page-id-731 .container {
margin-left: 0;
}
答案 2 :(得分：1)
我不确定我是否完全理解，但我认为你需要做的是为你想要定位的div添加一个id。
这是我所说的JSFiddle：
https://jsfiddle.net/dT9Yk/25/
HTML：
<div class="div1"></div><br>
<div class="div1" id="marginleft"></div><br>
<div class="div1"></div><br>
CSS：
.div1 {
width: 100%;
height: 50px;
background: red;
}
#marginleft{
margin-left:10%;
}
正如您所看到的，它们都具有相同的类名，但中间的类名具有额外的ID标记。
答案 3 :(得分：0)
仅在该页面上向正文添加一个类，然后使用特异性来仅在该页面上定位容器。例如，在该页面上添加正文类epicwin，然后使用
.epicwin .container {
margin-left:0;
}
定位它。
答案 4 :(得分：0)
将margin-left: 0px;添加到CSS文件与默认的.container类引导程序冲突。
要解决您的问题直接应用该内联类，它将解决您的问题，如下所示：
<div class="container" style="margin-left: 0px;">
答案 5 :(得分：0)
您可以在正在使用的样式表中创建类似的内容：
.Container_Div { padding: 0px 0px 0px 0px;}
将此内容添加到您的HTML中：
div class="Container_Div"
试试这个并告诉我。
答案 6 :(得分：0)
您可以使用class / id定位div。您可以直接定位或参考父类div class / id，如下所示。
<div class="parent">
<div class="child"></div>
</div>
直接目标
.child{}
参考父div。它只会将样式应用于父类中存在的具有特定id / class的类/ id
.parent .class{
}