Question

怎样用javascript屏蔽css样式

我用javascript画出一个标签，但我不想这个标签被上层的css样式控制。。我应该怎么做呢
都试过了。都不行。主要是在IE8下。

Answer 1

用js定义这个标签的样式class="clearClass"或者style="";

CSS中clearClass是这样的
.clearClass {margin:0em;padding:0em;border:none;font-size:100%;font-style:normal;font-weight:normal;}

主要是需要重置属性margin,padding,border
===============
明确的说，CSS的特性就是后面样式继承前面的样式。根本就不可能不继承。
你说的这个问题，应该这样理解。

创建了UL，首先会得到UL的CSS，然后才会得到class的CSS。class里面的会覆盖UL相同属性。

明白吗？
===============
说说我的方法吧。如下：
ul = document.createElement('ul');
ul.className = 'clearClass nowClass ';
//上面这个会先用clearClass重置样式，然后加载nowClass

不知道这样是否符合你的要求。

Answer 2

你给它另外定义不同于上层的style属性值就得了，不想被上层控制的属性都重新定义

Answer 3

类 nowClass 的写法改一下即可：

.nowClass {
margin-left:-20px !important;
padding-left:0px !important;
}

补充：
修改CSS以后页面要刷新(按F5)才能生效。要不然用的是浏览器缓存的内容。

Answer 4

可以直接写:
ul = document.createElement('ul');
ul.style.marginleft='-20px';
ul.style.paddingleft='0px';

自动覆盖样式表

更多style属性:
http://www.w3school.com.cn/htmldom/dom_obj_style.asp

Answer 5

贴代码出来吧.你这样只贴css出来,看不出你想说的实际情况.