css属性中的优先级

在设置css属性时遇到一些优先级的问题，比如设置属性如下：

form .input1{
   margin:6px;
padding:6px;
}

.phonenumber1{

           margin-top:15px;

}

<form  id="signup" action="">   
                  <!-- 手机号码 -->
        <input class="input1" id="signup_phonenumber" name="signup_phonenumber" type="text" placeholder="手机号码" />
        <br />

       <input class="input1   phonenumber1 " id="signup_phonenumber1" type="text" placeholder="推荐人号码" />

</form>

在浏览器调试中，margin-top:15px;不起作用，然后将.phonenumber1{margin-top:15px；改成#signup_phonenumber1{margin-top:15px;}即其作用了。

通过这个问题想说明一点的就是：在设置css属性的时候，通常会有优先级的问题，这时候我们通常会把一些共有的属性设成一个类，这样多个元素可以同

时调用这个类的css属性；但是对于有时候想对其中的某个元素设置特别的属性，要是用类定义属性不行的话，那就用Id来设置他们的属性。通常id的优先

级比class的高。注意在一个html中，id是唯一的，class可以重复引用。在Js文件中，通常查找变量的时候，要是能通过Id号查找到元素的话，尽量用Id,这样

效率会高点。因为一个html中Id是唯一的，所以在js 中主要找到id号就会往下在去查找了；而在html里面class是可以重复出现，所以在js中查找元素的话，他

会把整个html文件都遍历完一遍，才停止搜索。