css - 在哪里可以找到 CSS 及其语法的全面引用？

Question

我正在尝试构建一个我知道可以完成的纯 CSS 导航菜单。我已经看到了它。我可以复制其他人的，但我宁愿了解自己正在发生的事情，而不是一直复制/粘贴。

在努力理解 CSS 的过程中，我遇到了无法在 Internet 上的任何地方找到的问题，w3schools 也没有关于该主题的任何内容。

我花了一段时间才弄清楚 #nav ul {...} 和 #nav ul ul{...} 之间的区别，因为 w3schools假定您永远不需要做除绝对基础之外的任何事情。

我目前的问题:

什么是.sf-sub-indicator？听起来不言自明，但我想确切地知道它在做什么。

什么是 sfHover，如 #nav li.sfHover {...}

所示

最后，在 CSS 类 ID 中使用 > 有什么意义？例如:

#nav li:hover>ul  

相对于

#nav li:hover ul {...}

或

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

我在 w3schools 上没有看到任何关于这些问题的解释，我不知道还能去哪里找？

Answer 1

了解 CSS 选择器的最佳资源是万维网联盟的 CSS 选择器页面:http://www.w3.org/TR/CSS2/selector.html (选择器级别 3 条目是更新版本，可在此处找到:http://www.w3.org/TR/css3-selectors/)。

阅读本文，然后通过 Google 更轻松地获取更多信息，因为您至少会了解您要搜索的内容。