element.style遮盖款式因优先选择级次序致使的处理

日期:2021-03-09 类型:科技新闻 

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板

近期向服务器上提交网页页面,本来服务器有网页页面的,早已用JS把它们遮盖掉了,但是在提交过网页页面后又发现一些款式被原先的款式仍然遮盖着。核查元素后发现,有的元素的款式里边有以下的款式提醒:

拷贝编码
编码以下:

<span style="font-family:Microsoft YaHei;font-size:14px;">element.style{
top:30px;
}</span>

在我提交的CSS里边沒有界定可是提交以后却出現了。在网络上百度搜索了1下,出現难题的缘故将会是system.css中界定的款式或是js引发,压根缘故在于CSS的优先选择级次序致使你所界定的款式被遮盖掉。处理这个难题的方式很简易,便是在你被遮盖掉的款式后边面再加 ‘ ! important;’由于CSS优先选择级的难题,这个款式会被启用。例如说:

拷贝编码
编码以下:

<span style="font-family:Microsoft YaHei;font-size:14px;">#logo{
width: 100px !important;
}</span>

!important针对奇葩的IE6以上都可以以适配,因此能够安心应用。