css選擇器有，元素選擇器、id選擇器、類選擇器、後代選擇器、子元素選擇器、相鄰兄弟選擇器、通用選擇器(不相鄰兄弟)、並集選擇器(群組選擇器)、萬用字元選擇器還有偽類選擇器等在這裡我i就介紹以下幾種，偽類選擇器在我的其它文章有介紹可自行檢視。
1、元素選擇器就是選中相同元素定義乙個css樣式。
2、id選擇器具有唯一性，乙個頁面中相同的id只能出現一次。
3、類選擇器可以對相同元素和不同元素定義相同的class屬性，然後對擁有同乙個class的元素進行css操作，class名前面必須加上字首.(英文符號)，否則選擇器無法生效。
4、後代選中器，就是1選中元素內部中所有的某一種元素，包括子元素和其他後代元素(如孫子元素)。
5、子元素選擇器是指父元素直接包含子元素。
6、相鄰兄弟選擇器，用法ab元素之間沒有其他任何標籤兄弟元素a+兄弟元素b。
7、通用選擇器(不相鄰兄弟)，後者都選中兄弟a「~」b兄弟元素，選中a後面所有兄弟元素b。
8、並集選擇器，兩個選擇器之間必須用英文逗號隔開(,)。
9、萬用字元選擇器，選中頁面所有,*(一般用於清楚內外邊距)。
下面通過舉個栗子，這樣大家更好理解。
"content"
>
lorem, ipsum dolor.p
>
class
="content"
>
temporibus, sed earum.p
>
>
tempore, minima facilis?p
>
/* 元素選擇器 */
p/* id選擇器 */
#content
/* 類選擇器 */
.content
>
>
學習p>
div>
>
>
>
加油span
>
p>
div>
div>p
div span
>
1234p
>
>
4567div
>
>
891011span
>
p,
div,
span
>
1234p
>
>
0p>
>
4567div
>
>
891011span
>
>
789p
>
p~p/* 相鄰兄弟 */
p+p
層疊過程分成3個過程:依次從比較優先順序、比較特殊性、比較原次序來觸發層疊機制。
1、比較優先順序：從**和重要性比較。
**高低
瀏覽器低作者中
使用者高重要性(!important)：作者低 使用者最高。
2、比較特殊性：從高到低 行內樣式(1000)、id(0100)、類/偽類(0010)、元素/偽元素(0001)。
3、比較次序(就近原則)：如果前2個比較完後還不能分出勝負、就比較次序、瀏覽器是從上往下分析**，後來的獲勝。
CSS選擇器的宣告與巢狀
css選擇器的宣告與巢狀 使用css選擇器控制html標記的時候，每個選擇器的屬性可以一次宣告多個，選擇器本身也可以同時宣告多個。並且，任何形式的選擇器，都是合法的，標記選擇器，class選擇器和id選擇器都可以集體宣告。集體宣告 在宣告css選擇器時，如果某些選擇器的風格是完全相同的，或者部分相同...
選擇器與css
屬性 屬性是表示事物的某些特徵 屬性分為標籤屬性和樣式屬性 標籤屬性直接解除安裝標籤中，樣式屬性寫在style中 二者區別 1.位置不同 一種寫在標籤內一種寫在style 2.寫法不同 選擇器的種類有 標籤選擇器 id選擇器 class選擇器 後代選擇器 子代選擇器 交集選擇器 標籤的樣式按選擇器的...
css選擇器 CSS選擇器總結
在前不久的專案中，實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義，從而導致這個全域性的樣式讓 所有頁面都出現了問題，然後我就只...