1、css中選擇器有，二選一數據選擇器原理？

數據選擇器是指經過選擇，把多個通道的數據傳送到唯一的公共數據通道上去，實現數據選擇功能的邏輯電路稱為數據選擇器。它的作用相當于多個輸入的單刀多擲開關。

2、什么是派生選擇器？

通過依據元素在其位置的上下文關系來定義樣式 比如 div span{color:red;} 如果之前有定義 span{color:blue;}那么 派生選擇器就是 不需要再去設置一個class 使用上下文關系來定義你需要的樣式比如這里 需要變成紅色 比單個span具有更高優先級 這樣可以讓html代碼更加簡潔 id 選擇器具有更高的優先級

3、css選擇器中后代選擇器與子選擇器的區別？

css后代選擇器和子選擇器的區別介紹：

1 css后代選擇器語法：h1 em {color:red;} 表示的是從h1開始里面包含的所有的em元素變成紅色，h1為祖先，其他的em都是后代，即選中后代，不管是兒子還是孫子，只要是都會被選中，為后代選擇器。2、css子元素選擇器語法：h1>em{color:red;} 表示的是從h1開始里面的第一層em元素變成紅色，h1為祖先，em為兒子，就像世襲制一樣，只能傳給兒子，孫子和其他堂親都不行

4、為什么看到有的前端工程師將css每個選擇器里的內容寫成一行？

應該是個老程序猿，之前css壓縮沒有實現的時候，通過縮短選擇器嵌套，人工進行壓縮就出現了這個。而且沒有less，scss開發的時候這種情況更甚，不過有了這些便捷的開發方式也希望去注意一點嵌套層數。

推薦項目工程呢還是用less，scss開發比較好，css文件開發期就是被編譯的壓不壓縮無所謂了。

推薦樓主使用 vs code 這個編輯器 非常好用的東西。如果你要發展全棧或者學習node，這個玩意兒繞不開1