最近向服务器上上传页面,原本服务器有页面的,已经用JS把它们覆盖掉了,不过在上传过页面后又发现有些样式被原来的样式依然覆盖着。审查元素后发现,有的元素的样式里面有如下的样式提示:

复制代码代码如下:
<span style="font-family:Microsoft YaHei;font-size:14px;">element.style{
top:30px;
}</span>

在我上传的CSS里面没有定义但是上传之后却出现了。在网上百度了一下,出现问题的原因可能是system.css中定义的样式或者是js所致,根本原因在于CSS的优先级顺序导致你所定义的样式被覆盖掉。解决这个问题的方法很简单,就是在你被覆盖掉的样式后面面加上 ‘ ! important;’因为CSS优先级的问题,这个样式会被调用。比如说:

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

!important对于奇葩的IE6以上都可以兼容,所以可以放心使用。
标签:
element.style,覆盖样式

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
岱庙资源网 Copyright www.zgmyg.com

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。