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属性不一样的