有人可以向我解釋我在下面的代碼意味着什麼（css）？

我無法找到我在下面的CSS中的含義。有人可以向我解釋它的目的和爲什麼使用它？謝謝。有人可以向我解釋我在下面的代碼意味着什麼（css）？

.social li a:hover i { 

}

存在着HTML

的HTML元素我使得斜體字呈現其內容。這個元素的表現性質使其成爲未來版本HTML中的貶低的良好候選者，所以一般的推薦是停止使用它。

它實際上只是標籤的東西斜體。 這樣的

這段CSS會影響你懸停在鏈接上的所有斜體文本。

2014-01-23 07:42:17

有趣的是，而不是由於被棄用其當前的目的i元素，HTML5改變了它的意義，而不是更多的東西語義有用。 http://www.w3.org/TR/html5/text-level-semantics.html#the-i-element – BoltClock

在CSS中，任何以字母開頭的標記都表示該標記。因此i與用於斜體元素的<i>標籤匹配。

2014-01-23 07:42:46 Barmar

感謝您的幫助。我很感激。 – user3166806

考慮：

<ul class="social"> 
    <li> 
     <a href="#">This is a <i>sample</i></a> 
    </li> 
</ul>

此：.social li a:hover i { }將重點sample在上面如。

DEMO：http://jsbin.com/UcotesUj/1/提示：嘗試在文本樣本徘徊鼠標，看到了魔術.. :)

說明：

以上選擇意味着

選擇具有class任何元素的.social，並進一步選擇嵌套的li元素，並進一步選擇嵌套在li內的a標籤，然後在hover將屬性應用於嵌套在a元素內的i標記。

所以選擇目標被用於製作文字italic在HTML

<i>Hey, this is italic</i>

2014-01-23 07:46:28

感謝Roy的全力幫助。我很感激。 – user3166806

@ user3166806：標記被認爲最有幫助的答案，如接受。 –

回答