关于css选择器权重问题中一点

 在写一个点击图片放大时注意到的小问题，如下，第一种是不起作用的，按理说类选择器应大于标签名选择器，所以触发点击时bigger类应该替换掉标签样式，但是这样就是没起作用。第二种和第三种都可以 

<div .usermsg>
   <img class="big" onclick="changeClassName()" alt=""/>
</div>

1
   .usermsg img{
        width: auto;
        height: 60px;
        cursor: pointer;
    }
   .big{
        max-width: 70%;
        height: auto;
   }
2
   .usermsg img{
        width: auto;
        height: 60px;
        cursor: pointer;
    }
    .usermsg .big{
        max-width: 70%;
        height: auto;
    }
3
   .usermsg img{
        width: auto;
        height: 60px;
        cursor: pointer;
    }
    img.big{
        max-width: 70%;
        height: auto;
    }