html css class嵌套

 俩个class的嵌套其实很简单

<li class="SOUSUO1">
    <img src="http://s1.hdslb.com/bfs/static/history-record/img/search-default.png" class="SouSuoImg">
    <input type="text" value="" placeholder="请输入" />
</li>

错误css写法：

.SOUSUO1.SouSuoImg{
    position: relative;
    left:28px;
    top:5px;
    width:20px;
    height:20px;
}

我之前一直这么用，没有效果

之后查看了一些评论才发现俩个class的css代码一定一定要加空格。。。。css正确写法：

.SOUSUO1 .SouSuoImg{
    position: relative;
    left:28px;
    top:5px;
    width:20px;
    height:20px;
}