css高級復雜選擇器，是不是可以放棄前端這個方向了？
10年老程序員，來說說看法！
HTML，CSS，JavaScript其實是非常高明的設計！
HTML可以修建未裝修的毛坯房，CSS負責毛坯房的裝修，JavaScript可以實現各種家用電器的功能！三者結合，才能打造出宜居的好房子！
這是我從事了近10年軟件開發總結出來的結論。
這些年軟件開發過程中，接觸過非常多的前端框架，從最早的C++ Builder，到MFC，到Qt，再到Win Form，還接觸過WPF等等，一堆CS的界面框架。
剛開始也沒覺得啥，因為都是CS端界面框架，使用體驗沒差太多。
但是做界面多了，就開始接觸web頁面開發！剛開始只是了解，那時候還看不上web開發，覺得web頁面性能太弱！！！
后來慢慢做一些特效來玩耍，其中就有黑客帝國的代碼雨！有用控制臺實現的，有用MFC的，WPF的，當然也有web頁面版本的！
都測試下來，發現web版本的性能居然非常出色，輕松實現60幀！當然，比WPF可能差一點！
這激起了我對前端技術的興趣！經過了解，發現web渲染，早就支持GPU加速了，比MFC的GDI+不知道快多少！
再加上最近這些年WebGL技術快速發展，web端的三維渲染技術也飛速發展！除了一些特別前沿的渲染效果不及桌面端，web三維的渲染性能與桌面端的差距也越來越小！
JavaScript的執行效率問題，也有望通過wasm技術解決！
此外web技術還有最大的先天優勢，就是跨平臺特性！目前流行的多端前端開發框架，有很多是基于web技術的。
于是我也入坑web技術了。
當我寫完自己的第一個頁面的時候，我驚到了！使用web技術，幾乎什么樣的界面，都可以很輕松的搭建出來！而且我沒有使用第三方框架，純三劍客完成。
和一眾CS端的界面框架相比，HTML，CSS，JavaScript三者結合，開發頁面實在是太爽了。
比如說：
你可以隨意控制界面的某一個角，用多大半徑的圓角渲染，而且這只需要兩句簡單的CSS樣式即可實現，不需要重寫任何繪制函數！
再比如說：
好看的樣式，可以通過給標簽加一個id，或者一個class，輕松實現代碼復用！這比任何的派生或者聚合都要輕松靈活得多。
HTML，負責頁面的骨架！就算網速慢，頁面的基本功能可以使用。
CSS，負責美化頁面，實現各種狂拽酷炫的效果！還不會對站點的核心邏輯造成任何干擾。
JavaScript，負責頁面的基本邏輯！寫好代碼之后，不需要編譯，直接可以執行查看效果！最初JavaScript只是用來實現前端簡單的邏輯，但是發展到如今這個程度，你甚至可以用JavaScript實現一個web端的三維引擎，比如three.js，比如cesium！
如果你見的前端開發方式多了，相信你會和我有同樣的感受！web三劍客，永遠是開發頁面的首選！
怎樣區分后代選擇器和子代選擇器？
1.第一從符號上來區分后代選擇器：是用空格來分隔開來 例如<h1>一個<span>人</span>的戰爭</h1> 就是h1 span{}子代選擇器：用特殊符號> 例如 h1>span{}
2.第二從用法上區分后代選擇器html部分：<ul class="study"> <li>物理 <ul> <li>力學</li> <li>聲學</li> <li>電磁學</li> </ul> </li> <li>數學 <ul> <li>微積分</li> <li>概率論</li> <li>博弈論</li> </ul> </li> </ul> css部分//使用子代選擇器的效果.study >li{ border:1px solid red;/*只給物理和數學加一個紅色方框*/}//使用后代選擇器的效果.study li{ border:1px solid red;/*給物理 力學 聲學 電磁學 和數學 微積分 概率論博弈論都加一個紅色方框*/}這說明子代是他是單傳只給物理和數學就斷子絕孫，后代是一代傳一代。
子代選擇器時效果圖：
后代選擇器時效果圖：
dw如何把js改成css？
首先，新建一個HTML文檔，這里以Div css布局為例。
2.點擊插入菜單下的“Div（D）”，彈出對話框。
3.點擊“新建css規則”，定義一個選擇器，“確定”完成。
4.設置大小及背景顏色，“確定”完成。
css后代選擇器可以寫幾個？
css后代選擇器可以寫5個，本來css的后代選擇器可以選擇多個，但是層級越深，效率越低，所以最好寫5個就行