理解：理解css復合選擇器分別的應用場景
應用：1.使用後代選擇器給元素新增樣式
2.使用並集選擇器給元素新增樣式
3.使用偽類選擇器
目的：是為了可以選擇更準確更精細的目標元素標籤
概念：後代選擇器又稱為包含選擇器
作用：用來選擇元素組的子孫後代
語法：.class h3
作用：子元素選擇器只能選擇作為某元素子元素（親兒子）的元素.
語法.class>h3icolor :red;font-size:14px;}
條件：交集選擇器由兩個選擇器構成，找到的標籤必須滿足:既有標籤一的特點，也有標籤二的特點。
記憶技巧:
交集選擇器是並且的意思。即…又…的意思
1.4並集選擇器（重點）
.應用:
o 如果某些選擇器定義的相同樣式，就可以利用並集選擇器，可以讓**更簡潔。
·並集選擇器(css選擇器分組)是各個選擇器通過，連線而成的，通常用於集體宣告。
記憶技巧:
並集選擇器通常用於集體宣告，逗號隔開的，所有選擇器都會執行後面樣式，逗號可以理解為和的意思。
1.5鏈結偽類選擇器（重點）
作用:
a
a:hover
2.三種顯示模式的特點以及區別
3.理解三種顯示模式的相互轉化
·應用
o實現三種顯示模式的相互轉化
1·什麼是標籤的顯示模式?
標籤以什麼方式進行顯示，比如div自己佔一行，比如span一行可以放很多個
2·作用:
我們網頁的標籤非常多，再不同地方會用到不同型別的標籤，以便更好的完成我們的網頁。
3標籤的型別(分類)
html標籤一般分為塊標籤和行內標籤兩種型別，它們也稱塊元素和行內元素。
·塊級元素的特點
(1）比較霸道，自己獨佔一行
(2）高度，寬度、外邊距以及內邊距都可以控制。
(3）寬度預設是容器(父級寬度)的100%
(4）是乙個容器及盒子，裡面可以放行內或者塊級元素。
·注意:
1.只有文字才能組成段落因此p裡面不能放塊級元素，特別是p不能放div
2.同理還有這些標籤h1,h2,h3,h4,15,h6,dt，他們都是文字類塊級標籤，裡面不能放其他塊級元
素。●行內元素的特點: .
(1)相鄰行內元素在一行上, -行可以顯多個。
(2)高、寬直接設定是無效的。
(3)預設寬度就是它本身內容的寬度。
(4)行內元素只能容納文字或則其他行內元素。
**·行內塊元素的特點:
(1）和相鄰行內元素(行內塊）在一行上,但是之間會有空白縫隙。一行可以顯示多個
(2）預設寬度就是它本身內容的寬度。
(3）高度，行高、外邊距以及內邊距都可以控制。
塊轉行內: display:inline;
行內轉塊: display:block;
·塊、行內元素轉換為行內塊: display: inline-block;
CSS復合選擇器與標籤顯示模式
宣告 本人的所有部落格皆為個人筆記，作為個人知識索引使用，因此在敘述上存在邏輯不通順 跨度大等問題，希望理解。分享出來僅供大家學習翻閱，若有錯誤希望指出，感謝！子元素選擇器只能選擇作為某元素 子元素 親兒子，不包含孫子 重孫子之類 的元素。其寫法就是把父級標籤寫在前面，子級標籤寫在後面，中間跟乙個 ...
CSS選擇器 復合選擇器
選擇器 名稱 說明 css 版本 通用選擇器 選擇所有元素 2元素選擇器 選擇指定型別的元素1 id 選擇器 選擇指定 id 屬性的元素1.class 選擇器 選擇指定 class 屬性的元素 1 attr 系列 屬性選擇器 選擇指定 attr 屬性的元素 2 3 s1,s2,s3 分組選擇器 選擇...
CSS 復合選擇器
以前介紹了3種 標記選擇器 類別選擇器 id選擇器 基本的選擇器，以這3種基本選擇器為基礎，通過組合，還可以產生更多種類的選擇器，實現更強 更方便的選擇功能，復合選擇器就是由基本選擇器通過不同的連線方式構成的。復合選擇器就是兩個或多個基本選擇器，通過不同方式連線而成的選擇器。1.交集 選擇器 交集 ...