css選擇符歸納

2021-10-23 02:22:33 字數 597 閱讀 5250

css選擇符歸納

1、類選擇符(標籤選擇符):所有的html的標籤都可以直接當做選擇符來使用

特點:能選中當前結構裡面所有同名的標籤。

2、id選擇符:

特點;唯一性!同乙個頁面中乙個id名只能用一次。

應用:主要用來劃分外圍結構。

起名規範:

1、盡量小寫字母開頭,數字、字母、下劃線和連字元的組合;

2、不能用關鍵字命名(標籤和屬性都是關鍵字);

3、命名盡量反應結構、版塊內容(語義化);

4、可以拼音但不能出現漢字。

3、類選擇符(class選擇符):class=「名稱1 名稱2 名稱3 ··· 」

特點:1、乙個元素可以有多個類名,類名可以重複出現;

2、可以制定一類樣式。

4、群主選擇器:以逗號分隔的方式,將多個選擇符組成一組,給整組全都加上樣式

語法:選擇符1,選擇符2、選擇符3···

5、包含選擇符(子代選擇器):通過父元素找子元素。

父元素 (空格)子元素

6、偽類選擇符:

7、萬用字元:用於選擇頁面所有元素

語法:* 。

注:只要寫css**,就要重置樣式。

CSS選擇符 屬性選擇符

使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名,放在方括號裡 title css不限制屬性選擇符只能使用標籤名,也可以使用類。例如 photo title 用於選取類為photo,而且設定了ti...

CSS選擇符 型別選擇符

h1用於選取特定html標籤的選擇符,叫型別選擇符或元素選擇符。這種選擇符的作用特別大。能把樣式應用到網頁中的每個目標標籤上。使用這種選擇符,只需少量工作就能大幅修改網頁的外觀。假如想讓網頁中每個段落都使用相同的字型 顏色和字型大小,只需編寫乙個選擇符為p 表示標籤 的樣式即可。html 最基本的佐...

CSS 選擇符大全(常用css選擇符)

e 某個元素,如p id 使用id,如 idname class 使用class,如.myclass 萬用字元 包含選擇符 e f e所有的f包含子代,孫代,子子孫孫等等 子選擇符 e相鄰選擇符 e f 和e相鄰的f,相隔乙個都不算 兄弟選擇符 e f 和e同級的f的算 e att e中帶有某個at...