1
2
3
你把这里的span去掉和加上再看效果 就明白了
@ 为什么看到有的前端工程师将css每个选择器里的内容写成一行？
应该是个老程序猿，之前css压缩没有实现的时候，通过缩短选择器嵌套，人工进行压缩就出现了这个。而且没有less，scss开发的时候这种情况更甚，不过有了这些便捷的开发方式也希望去注意一点嵌套层数。
推荐项目工程呢还是用less，scss开发比较好，css文件开发期就是被编译的压不压缩无所谓了。
推荐楼主使用 vs code 这个编辑器 非常好用的东西。如果你要发展全栈或者学习node，这个玩意儿绕不开1
@ CSShtml5如何做到点击导航栏切换页面？
导航栏下面放一个Div，专门用来显示对应导航栏目的内容。点击导航栏触发点击事件，在事件函数中获取点击的栏目id，通过此id确定往div中添加那个内容。可以用div.innerHTML来更新div显示的内容。 或者，导航栏下面放置多个Div，数量等于导航栏目的个数，所有div要都重叠在一起。在点击事件函数中控制div的显示和隐藏。
@ css选择器命名能是百分号吗？
不能
具体如下：
左边是选择器首字符，右边是选择器后面的字符
首字符支持的字符类型是a～z、A～Z、下划线（_）以及非ASCII字符（中文、全角字符等）
后面的字符支持的字符类型是a～z、A～Z、0～9、下划线（_）、短横线（-）以及非ASCII字符
可以直接以短横线开头，如果是一根短横线（-），那么短橫线后面必须有其他字符、字母或下划线或者其他编码字符；如果是连续两根短横线（–），则它的后面不跟任何字符也是合法的。
