css3中新增的結構偽類選擇器，計算機程序員為什么不直接使用css作為控制代碼？

感謝邀約，作為開發(fā)者能提出這樣的問題，讓我感覺挺意外的。常言道，術業(yè)有專攻，每個人都有自己擅長的領域，如果樣樣都能做，簡直是神了。計算機程序也是如此，每個語言都有自己的特點和應用領域，如果想用一個語言解決所有領域的問題是不現(xiàn)實也是不可能的。問題中你提及的CSS，連一門編程語言都算不上，更不用說讓其替代腳本語言了，以下是我針對這個問題的解釋幫助你理解什么是CSS，僅供參考：

首先我們來了解下什么是CSS

在介紹之前，我們來先聊聊前端這個崗位，隨著大多數(shù)互聯(lián)網(wǎng)公司采用前后端分離的開發(fā)方式開發(fā)產(chǎn)品，前端的地位也隨之提升，從以前不被重視的“切圖仔”變成了高大上的“前端工程師”。前端是個一個新興的崗位，掌握前端，你必須從最基礎的核心內容學起，那就是：Html、CSS、JavaScipt。三者缺一不可，只有掌握基礎的內容，你才能在前端的路上走的更遠。

那什么是CSS呢？CSS對應的英文全稱是：Cascading Style Sheets。直譯過來就是層疊樣式表。從翻譯我們看出，只是層疊樣式表，和編程語言沒太大的關系。那到底什么是層疊樣式表呢，我們來看看W3C官網(wǎng)是怎么解釋的：Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to Web documents. 其翻譯過來，大概就是：層疊樣式表是一種向 WEB 文檔里添加樣式（比如字體、顏色、間距）的方式。說白了就是，如果WEB是一個人的話，CSS就是一個化妝師，其工作就是給客戶化妝，讓用戶漂漂亮亮的。

最后，從單詞的角度，逐個來分析其代表含義：

Style：主要用來定義元素的外觀風格，比如各種html標簽樣式，你可以想想成每個人的穿衣風格。

Sheets：其要表達的意思，CSS也可以獨立成文件，與Html文檔分開，方便分工、單獨進行編寫以及文件管理。

Cascading：樣式多了就避免不了沖突，因此需要相關的規(guī)則，可以根據(jù)規(guī)則的優(yōu)先級來解決沖突，如行業(yè)樣式優(yōu)先級會覆蓋其它所有樣式的規(guī)則。

接下來我們來看看 Html、CSS、JavaScipt 這三者的區(qū)別

理解了CSS，我們在聊聊 Html、CSS、JavaScipt 這三者到底有什么區(qū)別呢，對于初學者學習尤其重要。就拿建房子做比較吧，HTML就好比毛坯房，剛建好的房子里空蕩蕩的啥都沒有，就是把格局搭建好了，有客廳、臥室、書房、衛(wèi)生間、涼臺等，啥都沒有的毛坯房你愿意去住嗎？CSS就好比對毛坯房進行裝修和擺設，比如把墻面刷成什么顏色，選擇什么樣的家具，家具怎么擺放，鋪什么樣的底板等等。JavaScript是什么呢？就是讓你的家變的智能化更加有趣，比如指紋開門，在屋里喊一嗓子，燈開了等等，說白了，你能隨意給家里的智能產(chǎn)品下達命令。

最后給大家分享下幾個學前端的建議不要上來就學習JavaScipt，先從Html、CSS學起。學完Html、CSS的基礎內容后，一定要動手實踐頁面布局。前面的基礎學完了，再學習JavaScipt相關的知識，切忌直接跳過，學習Vue這些前端框架。學習這些基礎內容，切忌直接看視頻，一定要先看書，看不明再看視頻，學習的時候一定要多動手，哪怕是書上的代碼多簡單一定要手打一遍。這些基礎學完后，再去學習前端的一些框架，比如Vue，React、Angular等。小節(jié)

今天的分享就和大家聊到這些，希望我的解釋，能讓你明白了什么是CSS，前端需要學哪些，Html、CSS、JavaScipt 這三者有啥區(qū)別，以及怎么學前端。

感謝大家閱讀，如果你有什么好的想法歡迎到留言區(qū)分享交流，如果你贊同我的回答，歡迎給個贊和轉發(fā)，謝謝支持。

css規(guī)則定義有哪些選擇符？

css選擇符（選擇器）有以下這些：

1、通配選擇符（ * ）：匹配任意元素。

2、id選擇符（ # myid）：匹配 ID 等于“myid”的任意元素 。

3、類選擇符（.myclassname）：匹配 class 等于“myclassname”的任意元素.

4、標簽選擇符（div, h1, p）：選擇指定元素名稱的所有元素。

5、相鄰選擇符（E + F）：用于選擇（不是內部）指定的第一個元素之后緊跟的元素。

6、子選擇符（E > F）：用于選取帶有特定父元素的元素，例ul > li，選擇所有父級是 <ul> 元素的每個 <li> 元素。（學習視頻分享：css視頻教程）

7、后代選擇符（E F）：用于選取元素內部的元素。

8、偽類和偽元素選擇符：用于向某些選擇器添加特殊的效果。

使用樣式表有什么好處？

使用樣式表有以下優(yōu)點：

1.內容與表現(xiàn)分離

寫一個網(wǎng)頁就好比建房子，房子的結構通過磚塊、鋼筋、水泥搭建，后期通過瓷磚、地板等的裝飾，才能讓房子更加漂亮。

網(wǎng)頁通過HTML搭建整體結構，通過CSS修飾美化網(wǎng)頁。為了使得在搭建的過程中不受到美化網(wǎng)頁的影響，而是專注在結構上。并且在后期的維護上也更加方便。

2.網(wǎng)頁的表現(xiàn)統(tǒng)一，容易修改

分開之后，結構和樣式在不同的文件，互不影響，結構清晰，可讀性強，后期如果修改維護便于定位查找。

3.豐富的樣式，使得頁面布局更加靈活

首先樣式表中提供了強大的而且非常全面靈活的選擇器，可以供我們選取到網(wǎng)頁中的任何一個元素

從大的方面選擇器可以分為四大類：

1.基本選擇器

2.層次選擇器

3.結構偽類選擇器

4.屬性選擇器

如下圖我只是截取了屬性選擇器中幾種：

其次樣式表不僅提供了文本效果、背景和邊框還有2D/3D 轉換、動畫、多列布局、用戶界面等。

4.減少網(wǎng)頁的代碼量，增加網(wǎng)頁的瀏覽速度，節(jié)省網(wǎng)絡帶寬

很多CSS3技術通過提供相同的視覺效果而成為圖片的“替代品”

換句話說，在進行Web開發(fā)時，減少多余的標簽嵌套以及圖片的使用數(shù)量，意味著用戶要下載的內容將會更少，頁面加載也會更快。

另外，更少的圖片、腳本和Flash文件能夠減少用戶訪問Web站點時的HTTP請求數(shù)，這是提升頁面加載速度的最佳方法之一。

而使用CSS3制作圖形化網(wǎng)站無需任何圖片，極大地減少了HTTP的請求數(shù)量，并且提升了頁面的加載速度

基于以上幾點，使用樣式表是必須的！！

CSS定義超鏈接樣式有什么順序？

首先，CSS設置超鏈接樣式是通過偽類來實現(xiàn)的css稱這些鏈接狀態(tài)為偽類選擇器，在css思考方式里,"真"類屬性是用class=的屬性來明確指定的,而偽類選擇器則是用(:hover ; :visited ; :link ; :active)來指定,具體意義及順序如下： a:link是鏈接平常的狀態(tài)， a:visited是已訪問的狀態(tài)，a:hover是鼠標停留在鏈接之上，a:active是被選擇的鏈接。 偽類名字對大小寫不敏感，但在定義順序上有要求。:hover必須被置于:link和:visited之后才是有效的，:active必須被置于:hover之后才是有效的。 如果沒有指定偽類，則默認為 :link。