如何限制我放在文本上的背景顏色

Question

如何限制我放置在文本上的背景顏色的長度？

我有一個非常基本的網站只是爲了重新喚起我的HTML和所有不同的元素的內存瞎搞，我使用的是外部的樣式表，我已經使用這個代碼：

li:nth-child(4) { 
    background: yellow; 
} 

並認爲這是影響該行：

<li>And this will have a yellow background!</li> 

現在，顏色不露面只凸顯了文本和文本坐在網頁行的其餘部分，我該如何設置它，以便文字，沒有其他的背景？有一個簡單的CSS解決方案，或者我將不得不求助於把它放在一個div標籤？

Answer 1

因爲LI會自動延伸到頁面的其餘部分。只需添加以下您的LI風格：

display:inline-block; 

而且應該有望解決問題。

然而，這將顯示在水平線的LI。另一種方法是在LI內添加另一個元素，例如一個<span>

所以：

<li>And this will have a yellow background!</li> 

變爲：

<li><span>And this will have a yellow background!</span></li> 

然後就是做這樣的事情在你的CSS：

li:nth-child(4)>span { background:yellow; } 

見Fiddle here