本文详细解析了CSS中特定选择器的使用方法，包括id与class的选择器差异及层级选择器的概念，并指出了HTML与CSS注释的区别。
在前篇内容中提到了id以及class，只是看到了很简单的声明类型，在制作个人简历时遇到了遇到了奇怪的声明（当时着实没有看懂），如下图所示：
查阅了一些资料，没怎么讲明白，后来看到一位同仁在回答别人问题中提到了这个问题，结合可视化界面我大概搞懂了这个套路；首先resume为id名称，比如上方的声明意思就是找到id名称为resume的区块，将它所包含的<ul>下的class名称为none1的<li>的下底边框设置为无边框；下方的声明为找到其所属的<p>标签，字体设置为15px。其实就是按层级找到所包含的内容进行样式设定。
这里还有一个知识点：ul#resume{}和#resume ul{}的区别；网上有很多说法，大同小异，按ul和resume的顺序不难看出，前者是找到ul列表中id名称为resume的子标签，如<li>，对其内容进行样式设定；后者是先找到id名称为resume的元素，如<div>标签，然后对其下的ul列表进行设定，说到底就是一个包含关系范围样式。
最后提一个之前被忽视的问题，相当基础，基础到一开始就想当然地脑补了。关于html和css的注释，前者为<!--xxx-->，后者是/*xxx*/，之前的注释中在css中用了html的注释，结果样式被屏蔽了，让我惆怅了好久，看来小知识点才是最致命的，有些视而不见。。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
