日期:2014-05-16  浏览次数:20344 次

JS动态添加子元素的CSS继承问题
先写了一个静态的
			<li class="eacharticle" id='a1'>
<span class="eachtitle"><a herf="#" onclick="view(1);">这里是标题</a></span>
</li>

eachtitle的CSS

.eachtitle{
color:#333333;
}

接着用JS动态添加子元素,添加一个li classname="eacharticle" ,接着添加span classname="eachtitle" 以及a
之后将a加入span,将span加入li
之后可以成功显示,但是a元素那里的颜色确实浏览器里默认的链接颜色,而不是继承eachtitle的#333333

这是什么原因,应该如何修改?

------解决方案--------------------
.eachtitle,.eachtitle a{
    color:#333333;
}

------解决方案--------------------
<a herf="#" onclick="view(1);">这里是标题</a>

因为你属性写错了,是href,不是herf,少了多href属性不一样的