Question

我尝试使用两个类的属性创建一个div。我希望它属于班级.form和.small

我尝试了以下内容：

CSS：

.form  {
    width: 290px;
    border: 1px solid #D6D6D6;
    background-color: #F9F9F9;
    font-size: 18px;
    color: #767676;
    padding-top: 10px;
    padding-right: 4px;
    padding-bottom: 6px;
    padding-left: 3px;
    border: 1px solid #d5d5d5;
    color: #333;
    border-radius: 4px 4px 4px 4px !important;
    height: 25px;
}
.form  .small{
    height: 5px;
}

HTML：

<input name="name" class="form small" title="Username" maxlength="2048" />

最终输入的高度不会变为5px，而是保持在25px 我真的不知道我做错了什么。

Answer 1

正如当前所写，您正在尝试使用类.small来定位元素，该类是类.form的元素的后代。将这两者结合起来正确定位：

.form.small {
  height: 5px;
}

仅供参考，正如你所写的那样，它会试图瞄准这样的目标：

<div class='form'>
  <div class='small'></div>
</div>

Answer 2

你的css正在寻找一个类small的元素，它是类form的后代

将其更改为.form.small

Answer 3

对于定位未来的编辑，我认为最好这样做：

CSS：

.from+small {
//Code of .from
//Code of .small
}

HTML：

<div class="from+small"></div>

因此我们所做的是创建了一个CSS规则，它结合了.from和.last规则，有助于将来编辑。

双班不起作用

3 个答案: