1 css后代选择器语法：h1 em {color:red;} 表示的是从h1开始里面包含的所有的em元素变成红色，h1为祖先，其他的em都是后代，即选中后代，不管是儿子还是孙子，只要是都会被选中，为后代选择器。2、css子元素选择器语法：h1>em{color:red;} 表示的是从h1开始里面的第一层em元素变成红色，h1为祖先，em为儿子，就像世袭制一样，只能传给儿子，孙子和其他堂亲都不行
@ html怎么控制子代的hover？
楼主，这是通过>与+来控制下个元素，子集元素，下个元素的子集元素的CSS #a {color : #FFFF00;}#a:hover > #b{color : #FF0000;} #a:hover + #c{color : #00FF00;}#a:hover + #c > #b{color : #0000FF;} 元素1 元素2 元素3 元素2下面是补充 楼主，偶又通过CSS选择器研究了一些，你可以参考着按照自己的需求改 #a:hover {color : #FFFF00;}#a:hover > #b:first-child{color : #FF0000;} #a:hover > #b{color : #FF00FF;} #a:hover + #c{color : #00FF00;}#a:hover + #c > #b{color : #0000FF;} 元素1 元素2 元素2 元素3 元素2
@ 为什么看到有的前端工程师将css每个选择器里的内容写成一行？
应该是个老程序猿，之前css压缩没有实现的时候，通过缩短选择器嵌套，人工进行压缩就出现了这个。而且没有less，scss开发的时候这种情况更甚，不过有了这些便捷的开发方式也希望去注意一点嵌套层数。
推荐项目工程呢还是用less，scss开发比较好，css文件开发期就是被编译的压不压缩无所谓了。
推荐楼主使用 vs code 这个编辑器 非常好用的东西。如果你要发展全栈或者学习node，这个玩意儿绕不开1
