CSS 二)選擇符

2022-08-23 21:51:11 字數 742 閱讀 7851

2019-04-11 22:14:23

1.型別選擇符(標籤選擇符)

html中所有的標籤都可以直接對元素選擇

p em i a html body.....

特點:對頁面中所有當前型別的元素進行選擇。

應用:清除某個元素預設樣式的時候,或者是統一某個元素樣式的時候

2.id選擇器

語法:《標籤 id="top-wrap">連字元:

news-left news-right news-center

下劃線:

news_left news_r news_c

駝峰式:

newsleft newsright

4.包含選擇符:

語法:父元素選擇符 子元素選擇符

5.群組選擇符:

語法:(以逗號的形式把選擇符組成一組)

選擇符1,選擇符2,選擇符3{}

6.偽類選擇符

a:link超連結的初始狀態

a:visited超連結被訪問後的狀態

a:hover滑鼠懸停,即滑鼠劃過超連結時的狀態

a:active超連結被啟用的狀態,即滑鼠按下時超連結的狀態

7.萬用字元

*注:選擇符權重:

內聯樣式表 >id >class、偽類》 標籤

(1000)         (100)           (10)    (1)

a:包含選擇符權重為權重之和。

b:群組選擇符保持自身權重不變

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...