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

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

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

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

2、類型選擇符用什么標記？

類選擇符：自己定義的包含多條樣式的集合，以“.”開頭。可以在頁面中重復使用該樣式。如：.aaa{ ……}類型選擇符：定義HTML固有標簽的樣式。前面不加“.”例如：p{ ……}ID選擇符，和類選擇符格式相同。區別在于以“#”開頭,而且ID是先找到結構/內容，再給它定義樣式；class是先定義好一種樣式，再套給多個結構/內容例如：#aaa{ ……}通配符，顧名思意：對頁面內所以標簽都生效。其名稱必須為“*”。例如：*{ ……}偽類：常用的有四個、即A標簽里的四個狀態（a:link a:visited a:hover a:active）。

其他的如:lang :focus等不常用，也存在兼容問題。

3、css怎么改成自己的名字？

1.

首先選中需要改名的css文件；

2.

然后點擊鼠標右鍵，在打開的下拉菜單中找到并點擊“重命名”選項；

3.

最后將名稱改成需要的名稱，按下回車鍵即可

4、css調試工具？

css說是調試工具其實只是一段 Javascript 代碼，但非常實用，它會給頁面里所有的 DOM 元素添加一個 1px 的描邊（outline），方便我們在調試 CSS 過程中分析、排查問題。

先來看看代碼，它有兩個版本，一個是使用的$$選擇器，代碼量更少（瀏覽器控制臺支持 $$ 選擇器）；另一種就是傳統的document.querySelectorAll選擇器：