2012-08-08 65 views
2

我想建立一個純粹的CSS導航菜單,我知道可以做到。我已經看到了它。我可以複製其他人的,但我寧願瞭解自己發生的事情,而不是一直複製/粘貼。我在哪裏可以找到CSS及其語法的全面參考?

爲了理解CSS,我遇到了一些問題,我無法找到互聯網上的任何地方,而w3schools也沒有涉及到這個問題。

我花了一段時間才弄清楚#nav ul {...}#nav ul ul{...}之間的區別是什麼,因爲w3schools認爲除了絕對的基礎知識之外,你絕對不需要做任何事情。

我目前存在的問題:

什麼是.sf-sub-indicator?聽起來不言自明,但我想知道到底做了些什麼。

什麼是sfHover#nav li.sfHover {...}

看到,最後,什麼是在CSS類ID使用>的意義是什麼? EX:

#nav li:hover>ul 

,而不是

#nav li:hover ul {...} 

#nav li:hover > a {...} 

我沒有看到任何形式的解釋上W3Schools的這些問題,我不知道還有什麼地方看?

+1

'>'是嫡系運營商,它只會匹配眼前的孩子,沒有孩子的孩子。它與匹配ID,類或標籤名稱的父項無關。另外,sitepoint:http://reference.sitepoint.com/css – TheZ 2012-08-08 20:32:25

+0

http://www.blooberry.com/indexdot/css/propindex/all.htm – ranman 2012-08-08 20:33:20

+0

[level 3 selectors specification](http:// www。 w3.org/TR/css3-selectors/)應該給你一個不錯的主意。 – 2012-08-08 20:33:24

回答

2

學習CSS選擇器的最佳資源是萬維網聯盟的CSS選擇器頁面:http://www.w3.org/TR/CSS2/selector.html(選擇器3級條目是更新的版本,在這裏找到:http://www.w3.org/TR/css3-selectors/)。

請仔細閱讀此內容,然後Google可以更加輕鬆地瞭解更多信息,因爲您至少可以瞭解要搜索的內容。所有你想了解CSS,JavaScript和HTML

+0

一個更規範和最新的鏈接:http://www.w3.org/TR/selectors(雖然我不知道這會在第4級發佈時更新,或者如果該規範將生存在/ selectors4中,而現在與/ css3-selectors相同) – BoltClock 2012-08-08 20:34:51

+0

是的,當你在評論時,它正在添加。 – 2012-08-08 20:36:26

相關問題