1、css的三種簡(jiǎn)單選擇器，css元素定位工具？

cssSelector定位，屬于CSS高級(jí)等位，它的定位方式，利用選擇器進(jìn)行的。在CSS 中，選擇器是一種模式，用于選擇需要添加樣式的對(duì)象。“CSS” 列指示該屬性是在哪個(gè)CSS 版本中定義的。(CSS1、CSS2 還是CSS3。);

下面羅列了一部分的CSS定位方式。看到這么多是否覺(jué)得CSS不再簡(jiǎn)單，其實(shí)不然常用的幾種方式作者已標(biāo)記，CSS定位是平常使用過(guò)程中非常重要的一種方式。它與Xpath定位有諸多類(lèi)似的地方，但是無(wú)論從性能還是語(yǔ)法上來(lái)說(shuō)CSS都是比較有優(yōu)勢(shì)的。

1、一般情況下定位速度要比XPATH快

2、語(yǔ)法比Xpath要簡(jiǎn)潔

2、類(lèi)和標(biāo)簽的區(qū)別？

選擇器的種類(lèi)可以分為三種：標(biāo)簽名選擇器、類(lèi)選擇器和ID選擇器。

類(lèi)選擇器和標(biāo)簽名選擇器的不同，類(lèi)選擇器是自己定義的，如class="aaa"；標(biāo)簽名選擇器是html已經(jīng)規(guī)定好的標(biāo)簽名，如a標(biāo)簽是鏈接，h1是標(biāo)題，img是圖片，它們有默認(rèn)的一些樣式

3、css選擇器加是什么？

css選擇器加.是類(lèi)選擇器，選擇與class屬性相匹配的類(lèi)名

4、為什么看到有的前端工程師將css每個(gè)選擇器里的內(nèi)容寫(xiě)成一行？

應(yīng)該是個(gè)老程序猿，之前css壓縮沒(méi)有實(shí)現(xiàn)的時(shí)候，通過(guò)縮短選擇器嵌套，人工進(jìn)行壓縮就出現(xiàn)了這個(gè)。而且沒(méi)有l(wèi)ess，scss開(kāi)發(fā)的時(shí)候這種情況更甚，不過(guò)有了這些便捷的開(kāi)發(fā)方式也希望去注意一點(diǎn)嵌套層數(shù)。

推薦項(xiàng)目工程呢還是用less，scss開(kāi)發(fā)比較好，css文件開(kāi)發(fā)期就是被編譯的壓不壓縮無(wú)所謂了。

推薦樓主使用 vs code 這個(gè)編輯器 非常好用的東西。如果你要發(fā)展全棧或者學(xué)習(xí)node，這個(gè)玩意兒繞不開(kāi)1