>10 CSS類選擇器也就是選擇html編碼中標明為特定Class(類)的元素.如<p Class="mytest">這是我要編輯的段落</p>，在CSS文件中可用 .mytest{ }來表達想要顯示的樣式。簡單地說，CSS類選擇器用" . "做前綴。

文/小伊評科技

作為一個半資深的前端工程師，你這個問題問的非常的沒有道理，這個問題就好比是在問：男人那么能干，為什么不能取代女人呢？因為CSS和Javascript完全是兩個不同的概念，其工作職責也是不同的，CSS控制的樣式表，是偏向靜態表現得，他的核心功能最強大的功能其實就是定義樣式，雖然目前CSS3加入了很多動畫效果，比如配合transtion/transform以及animation可以制作很多簡單甚至相當復雜的動畫效果，但是說白了也只是靜態展示，想要做成動態的人機交互效果，還是需要Javascript所提供的各種交互事件來配合完成，CSS+HTML所能提供得交互方式太過于單薄。

而且Javascript是一個實打實的編程語言，他的作用可不僅限于操作DOM元素這么簡單，他還是溝通前臺和后臺得一個重要溝通工具，沒有JS你的頁面就只是一個靜態頁面罷了。筆者舉一個最簡單的例子，如果你需要頁面中某一個方面要引用后臺的數據，那么用CSS怎么實現？根本無法實現，所以這個時候就需要用到AJAX技術了，而一旦用到AJAX技術，就必須要使用到Javascript。

只會html+CSS的前端人員充其量只能算是一個網頁設計師罷了

HTML+CSS所能做出來的只不過是靜態的頁面，并不具備可交互性，也基本上無法滿足商用的要求。所以對于一個前端工程師來說JS才是重中之重。目前主流的三大框架React、Vue、Angular也都是基于Javascript深度開發的產物。只會HTML+CSS的前端工程師目前已經基本被淘汰了，或者說沒有特別的用武之地。因為大部分UI設計師對于Html+CSS的掌握都非常優秀，配置靜態頁面不成問題而如果想要成為更進一步的前端工程師，甚至前端高級工程師，Javascript是必須要熟練掌握的，在掌握了Javascript之后再去學習三大框架，學習AJAX，學習

Node.Js

等才會更加的游刃有余。

end 希望可以幫到你

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

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

“偽DOM自定義事件”是自己定義的一個名詞，用來區分DOM自定義事件的。例如jQuery庫，其是基于包裝器（一個包含DOM元素的中間層）擴展事件的，既與DOM相關，又不直接是DOM，因此，稱之為“偽DOM自定義事件”。

virtual DOM 虛擬DOM，用普通js對象來描述DOM結構，因為不是真實DOM，所以稱之為虛擬DOM。

虛擬 dom 是相對于瀏覽器所渲染出來的真實 dom而言的，在react，vue等技術出現之前，我們要改變頁面展示的內容只能通過遍歷查詢 dom 樹的方式找到需要修改的 dom 然后修改樣式行為或者結構，來達到更新 ui 的目的。