有没有办法在css中继承这个继承的填充？

Question

我有这样的HTML：

<ul> 
    <li>content <span>more</span></li> 
</ul> 

，这是我的CSS：

li{ 
    padding: 30px; 
} 

span{ 
    padding-top: -20px; 
} 

填充的span不会生效。我可以通过改变HTML来解决它，但现在我面对这个问题，我想知道是否有解决方法。

Answer 1

padding-top online元素不起作用！使用块元素，或设置span { display:block }。

Answer 2

将您的<span>设置为{display:inline-block}