background-color继承自value未定义的元素

时间:2014-07-09 08:11:23

标签: css

我有一个DOM树,其中父项具有background-color属性集。我希望该父级的子级继承background-color,但它继承自其第一个父级。第一个父级没有背景颜色集,使子节点的背景透明。

我知道我可以通过在CSS中明确声明背景颜色来解决这个问题,但我希望用户能够在主父级上设置background-colorcolor并使其正确级联。此外,这是非常古怪的行为,所以我很想知道是否有人知道为什么会这样,或者如何解决它。

我把a fiddle放在一起来说明问题。我期望跨度有一个红色背景,黄色div用于说明实际上的跨度没有红色背景。

2 个答案:

答案 0 :(得分:0)

这绝对是正常行为。 span的父级不是ul元素,而是“祖父”。因此,如果li未从ul继承某些内容,则span也不会继承此内容。

答案 1 :(得分:0)

background-color的{​​{1}}设置为ul > li - inherit继承自ul > liul继承自ul:span first-child {1}}。

http://jsfiddle.net/5qfrc/2/