css - 覆盖表单布局的 CSS 类

Question

我正在使用下面显示的 CSS 来创建正确对齐的表单，而不使用表格。唯一的问题是其中一个字段有多个“选项”，应该显示在它旁边。我可以将什么样式附加到我想要的特定字段旁边的项目以确保它们不会显示为“内联块”？

label {
    display: inline-block;
    float: left;
    clear: left;
    width: 180px;
    text-align: right;
    padding-right: 5px;
}

input {
    display: inline-block;
    float: left;
    width: 165px;
    margin-bottom: 2px;
}

Answer 1

不确定你到底在问什么……也许是这样的？

如果要覆盖特定元素的 CSS 样式，可以使用!important声明。

例子：

li {
    background-color: #000;
}

/*A specific list to have a white background*/

.specific {
    background-color: #fff !important;
}

该!important标签将覆盖所有其他样式/继承。 http://css-tricks.com/when-using-important-is-the-right-choice/

Answer 2

给项目一个ID。

ID 优先于一般元素或类语句，因为它们更具体。例如，您可以将项目包装在 div 中id="myItems"，然后在上述规则之后添加以下 css 规则：

输入#myItems {
  显示：块；
}