CSS的選擇器小結

css中的選擇器分為標籤選擇器、類選擇器和id選擇器

p

.類選器名稱

id選擇器：

類似於類選擇器，不同的是id選擇器是唯一的，格式為：

#id選器名稱

子選擇器：

子選擇器是父子關係，頗象是大盒套小盒，也被稱為一代選擇器。舉個例子,有這樣一串**：

牛肉，蘋果，青菜

.food>span

在這裡，.food與span是父子關係，span在.food內部.food>span就是子選擇器。

包含後代選擇器：

包含後代選擇器與子選擇器在**上的區別就是把">"換成空格，在功能上有什麼區別呢？如果把上述蘋果的例子中的">"換成空格，你會發現結果並沒有什麼變化，接下來，我們把「青菜」也加上標籤

牛肉，蘋果，青菜

.food>span

子選擇器與包含後代選擇器的區別：

子選擇器僅作用于父元素下指定的第乙個子元素(嫡長子繼承制啊。。。)；而包含後代選擇器則是作用于父元素以下所有指定的子元素。

格式：

*

所有標籤元素作用。

偽類和偽元素實際上就是對類和id不能選擇的元素進行補充。

偽類選擇器：只有在某種特殊狀態下才會產生作用，如：

a:hover

常用的偽類選擇器有：

:link,:focus,:hover

偽元素選擇器：

對某些指定的元素才會產生作用，如：

p::first-letter

常用的偽元素選擇器有：:first-child,:first-letter,:before,:after

ps:偽類只能使用「:」，偽元素可以使用「::」，也可以使用「:」。

分組選擇器可以看成多個類選擇器或者id選擇器的組合，如：

h1,span

標籤的權值為1，類選擇符的權值為10，id選擇符的權值最高，為100 。

當兩個樣式矛盾時，會顯示權值較高的樣式。如：

p

.pow
今天高考加油！

後代包含選擇器的權值是所有選擇符權值的和，如：

p span

的權值為1+1=2;

.pow span

ps：當權值相同時，後面的覆蓋前面的。

css選擇器 小結

coding utf8 css selector info 選擇 class intro 的所有元素 name 選擇 id name 的所有元素 所有元素 div 選擇所有div div,p 選擇所有div和p div p 選擇div內部的p div p 選擇父元素為 元素的所有 元素 div p ...

CSS選擇器小結

基礎選擇器包括三種 html標籤選擇器，class選擇器和id選擇器三種。html標籤選擇器的使用 直接寫出html標籤名，例如 p 代表將文件中所有的p元素內部的文字渲染成紅色。class選擇器 加class名，例如 class id選擇器 加id名，例如 id 綜合選擇器，顧名思義就是將基礎選擇...

關於css選擇器的小結

css的選擇器 1 id選擇器 2 派生選擇器 元素標籤選擇 3 類選擇器 class 4 屬性選擇器 選擇擁有特定屬性的元素 title attribute 用於選取帶有指定屬性的元素。attribute value 用於選取帶有指定屬性和值的元素。attribute value 用於選取屬性值中...