CSS中已设置的属性怎么去掉？

2018-10-19

1296

网友解答: 你好，我是“web秀-提供专业的web前端技术知识”。添加新的样式覆盖既可如{postion:absolute;left: inherit!important;right:0

网友解答:

你好，我是“web秀-提供专业的web前端技术知识”。

添加新的样式覆盖既可

如

{

postion:absolute;

left: inherit!important;

right:0;

}

这里需要注意的是，你具体用什么定位，相对还是绝对，设置有所不同，大致就是这样。

网友解答:

根据日常使用经验来试着回答题主的问题

假设原样式中除了left外还包含其它相关属性, 那么想直接把left移除掉, 新增个right的属性似乎并没有直接的好办法

查找过JavaScript的文档和jQuery也没有直接移除CSS中某个属性的办法

在此介绍一个我常用的变通办法

通过class来控制相关的属性, 这里给出JavaScript和借助jQuery框架2种方案

先来原生的JavaScript方案

这方法主要是添加了2个class来控制left和right, 并且不影响原CSS样式

然后是jQuery方案

用了稍微取巧的方式, 代码区别不大

下面把主要代码贴出来

function changeCss(obj){ console.log("obj.className:"+obj.className); (obj.className.indexOf("css01")==-1)?obj.className="cssdemo css01":obj.className="cssdemo css02";}function changeCss(obj){ console.log("obj.className:"+obj.hasClass("css01")); obj.toggleClass("css01").toggleClass("css02");}

仅供参考, 如果有更好的方法, 欢迎大家提出来一齐学习进步!

相关推荐