在设置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文件都遍历完一遍,才停止搜索。