我有一个DOM树,其中父项具有background-color
属性集。我希望该父级的子级继承background-color
,但它继承自其第一个父级。第一个父级没有背景颜色集,使子节点的背景透明。
我知道我可以通过在CSS中明确声明背景颜色来解决这个问题,但我希望用户能够在主父级上设置background-color
和color
并使其正确级联。此外,这是非常古怪的行为,所以我很想知道是否有人知道为什么会这样,或者如何解决它。
我把a fiddle放在一起来说明问题。我期望跨度有一个红色背景,黄色div用于说明实际上的跨度没有红色背景。
答案 0 :(得分:0)
这绝对是正常行为。 span
的父级不是ul
元素,而是“祖父”。因此,如果li
未从ul
继承某些内容,则span
也不会继承此内容。
答案 1 :(得分:0)
将background-color
的{{1}}设置为ul > li
- inherit
继承自ul > li
,ul
继承自ul:span first-child
{1}}。