有沒有辦法在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}