css選擇器怎么隔4個選中元素，css3新增功能？
1、css3新增的超級選擇器：屬性選擇器、結構性偽類選擇器、UI元素狀態偽類選擇器、通用兄弟元素選擇器
2、使用選擇器在頁面中插入文字、圖片、項目編號等內容
3、文字陰影與自動換行
4、各類盒模型：總體分為block類型和in line類型，在細分為inline-block類型、inline-table類型、list-item類型、run-in類型、compact類型、表格相關類型、none類型
5、盒模型相關的屬性：overflow屬性（內容溢出）、box-shadow屬性（盒陰影）、box-sizing屬性（寬高計算）
6、新增的背景樣式backround-clip屬性、backround-origin屬性、backround-size屬性、backround-break屬性
7、新增的邊框樣式：border-radius屬性（圓角邊框）、border-image屬性（圖片邊框）
8、新增的 transform變形功能：rotate（旋轉）、scale（縮放）、skew（傾斜）、translate（移動）
9、新增的動畫功能：transition（平滑過渡）、animation（關鍵幀）
10、布局相關樣式：多欄布局、盒布局、彈性盒布局
11、兼容性問題
html中的偽元素？
input:focus div 的意思是div是input的后代元素，而這顯然是錯的，因此無法匹配到。
css中父元素（或祖先元素）可以影響子元素（或后代元素），但反過來就不行，因為當多個選擇器并存時，如果既存在子選擇器，又存在父選擇器，在邏輯上就會產混亂，因此在css不存在父選擇器（或者祖先選擇器）。
你這種需求，只能通過js來實現。
css復合選擇器有哪三種？
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用：通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)
語法：選擇器1，選擇器2，選擇器n{ }
5、復合選擇器(交集選擇器)
作用：選擇更準確更精細的目標元素并為其設置屬性
語法：選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格，要緊挨在一起
6、通配選擇器
作用：用來選中頁面中所有的元素
語法：*{ }
7、后代元素選擇器
作用：選中指定元素的指定后代元素
語法：祖先元素 后代元素{ }
8、子元素選擇器
作用：選中指定父元素的子元素
語法：父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態
:hover 移入時元素的狀態
:visited 已被訪問過后的元素的狀態
:active 被點擊時元素的狀態
10、 屬性選擇器
作用：根據元素中的屬性或屬性值來選取指定元素
語法：[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內容的元素
11、兄弟元素選擇器
+選擇器
作用：選中一個元素后緊挨著的指定的兄弟元素
語法：前一個+后一個(作用在后一個)
~選擇器
作用：選中后邊所有的制定兄弟元素
語法：前一個~后邊所有
CSS多個屬性之間用什么隔開？
CSS多個屬性之間，用逗號OR空格隔開。
逗號表示同個屬性的多個可能取值，它是順序取的，前一個不存在就選擇后一個，描述同一屬性。
空格表示同一對象不同屬性，多個屬性縮寫成一行。
空格分開的是一個屬性的多個值。比如border:1px #fff solid;這些都是border的值 寬度 顏色 樣式。