双班不起作用

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>