在 css 中，選擇器是一種模式，用於選擇需要新增樣式的元素。
css選擇器有很多，掌握常用的即可；
基本選擇器
通用選擇器
選擇所有 *
*
*
選擇指定標籤
元素名稱
p
選擇設定過指定id屬性值的元素 #
#id屬性值
#p1
選擇設定過指定class屬性值的元素 .
.class屬性值
.hidden
當幾個元素樣式屬性一樣時，可以共同呼叫乙個宣告，元素之間用逗號分隔
選擇器1,選擇器2,...
h2 , #pre1
元素選擇器：1
類選擇器：10
id選擇器：100
內聯樣式：1000
組合選擇器
css組合選擇器說明了兩個選擇器直接的關係。 css組合選擇符包括各種簡單選擇符的組合方式。
在 css 中包含了四種組合方式: 後代選取器(以空格分隔)，子元素選擇器(以大於號分隔），相鄰兄弟選擇器（以加號分隔），普通兄弟選擇器（以波浪線分隔）。
後代選擇器（派生選擇器）
用於選擇指定標籤元素下的後輩元素，以空格分隔
選擇器1 選擇器2
.food li
>
食物h1
>
class
="food"
>
>
水果 >
>
香蕉li
>
>
蘋果li
>
>
梨li>
ul>
li>
>
蔬菜 >
>
白菜li
>
>
油菜li
>
>
捲心菜li
>
ul>
li>
ul>
用於選擇指定標籤元素的所有第一代子元素，以大於號分隔
選擇器1 + 選擇器2
#d + div
html**同上 可選擇緊接在另一元素後的元素，且二者有相同父元素。以加號分隔
選擇器1 + 選擇器2
#d + div
"d">
相鄰兄弟選擇器1
>
>
開心麻花li
>
>
賈玲li
>
>
宋小寶li
>
ul>
div>
>
相鄰兄弟選擇器2
div>
選擇緊接在另乙個元素後的所有元素，而且二者有相同的父元素，以波浪線分隔
選擇器1 ~ 選擇器2
li ~ li
>
普通兄弟選擇器1
>
>
開心麻花li
>
>
賈玲li
>
>
宋小寶li
>
>
沈騰li
>
>
王寧li
>
ul>
div>
HTML之CSS選擇器
基礎選擇器 基礎選擇符就是id,標籤,類選擇符 復合選擇器 復合選擇器是由兩個或多個基礎選擇器，通過不同的方式組合而成的,目的是為了可以選擇更準確更精細的目標元素標籤。交集選擇器 交集選擇器由兩個選擇器構成，其中第乙個為標籤選擇器，第二個為class選擇器，兩個選擇器之間不能有空格，如h3.spec...
選擇器與css
屬性 屬性是表示事物的某些特徵 屬性分為標籤屬性和樣式屬性 標籤屬性直接解除安裝標籤中，樣式屬性寫在style中 二者區別 1.位置不同 一種寫在標籤內一種寫在style 2.寫法不同 選擇器的種類有 標籤選擇器 id選擇器 class選擇器 後代選擇器 子代選擇器 交集選擇器 標籤的樣式按選擇器的...
css選擇器 CSS選擇器總結
在前不久的專案中，實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義，從而導致這個全域性的樣式讓 所有頁面都出現了問題，然後我就只...