无法让 css 选择器尊重左右边距答案

【问题标题】：Cannot get css selector to respect margin right or left无法让 css 选择器尊重左右边距
【发布时间】：2015-09-18 00:51:42
【问题描述】：

我为包含 div 内的两个 div 定义了以下样式。我想将第一个内部 div 向左浮动，第二个内部 div 向右浮动。我还想让它们分别向左或向右边距 15px。问题是我想保持我的“左浮动/右浮动”样式不影响边距规范。

我希望能够像这样指定类并添加到它：

#termsPageButtonContainerCheckbox.leftAlignedControl {
    margin-left: 15px;
}

问题是，margin-left 只有在我将它放置在浮动样式时才会受到尊重：

.leftAlignedControl {
    float: left;
}

这是我在 JSFiddle 上设置的演示：[已被 OP 删除]

【问题讨论】：

标签： html css

【解决方案1】：

您没有正确定位 id。您需要将 HTML id 更改为 termsPageButtonContainerCheckbox 或将 CSS 更改为 #termsPageForm:termsPageButtonContainerCheckbox

【讨论】：

我实际上在这里犯了一些错误，我制作了这些内联 span 元素而不是 div 元素。当我使用 JSF 标签生成标记时，我很容易犯这个错误。我仍然不清楚为什么使用 jsf 标签来生成简单的 HTML 标记被认为是有利的，但那是我在最后一个地方习惯的方式（他们坚持）

【解决方案2】：

该按钮有 2 个 ID，但它只能给它一个 ID，并且据我所知，它不可能在 ID 中使用:。因此，如果您删除使用的两个部分之一（: 之前或之后的那个），它将起作用

【讨论】：