0

我尝试用两个类的属性制作一个 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 我真的不知道我做错了什么。

4

3 回答 3

9

正如它目前所写的那样，您正试图定位一个类的元素，该类.small是一个类的元素的后代.form。将这两者结合起来以正确定位：

.form.small {
  height: 5px;
}

仅供参考，正如您所写的，它将尝试针对以下内容：

<div class='form'>
  <div class='small'></div>
</div>
于 2013-09-05T18:18:17.387 回答
1

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

CSS： 

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

HTML： 

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

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

于 2013-09-05T18:33:40.383 回答
1

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

将其更改为.form.small

于 2013-09-05T18:18:49.660 回答