css的選擇器

2021-09-27 05:33:01 字數 822 閱讀 3954

8.1、標籤選擇器

作用:給頁面上指定的某一種標籤設定樣式。

**:缺點:只能給特定的某一種標籤設定樣式。

8.2、class(類)選擇器

作用:給指定類名的某乙個標籤設定樣式,每個標籤都可以設定乙個class屬性,class後面跟的屬性值就叫做類名。

8.3、id選擇器

作用:給指定id名的標籤設定樣式,每個標籤都可以設定乙個id屬性,id後面的屬性值就是id名。

**8.4、class名和id名的注意點***

class名:相當於標籤的乙個小名(可以重複);

id名:相當於標籤的證號碼(不可以重複);

乙個類名可以給多個標籤使用,乙個id名只能給乙個標籤使用。

類名和id名的規範:只能是英文本母、數字、下劃線和連線符(-)組成,並且數字不能開頭,下劃線和連線符也不能開頭(能使用,但是不建議)。

8.5、萬用字元選擇器

作用:用於給頁面上所有標籤設定樣式,常用於頁面樣式初始化操作。

**:

css選擇器 CSS選擇器總結

在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...

CSS選擇器 復合選擇器

選擇器 名稱 說明 css 版本 通用選擇器 選擇所有元素 2元素選擇器 選擇指定型別的元素1 id 選擇器 選擇指定 id 屬性的元素1.class 選擇器 選擇指定 class 屬性的元素 1 attr 系列 屬性選擇器 選擇指定 attr 屬性的元素 2 3 s1,s2,s3 分組選擇器 選擇...

CSS選擇器 屬性選擇器

最近重新學習了css3,發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...