CSS3 3 詳解CSS選擇器上半部

2021-10-05 11:18:54 字數 949 閱讀 3087

1.標籤選擇器(大範圍殺傷力)

*

object

//並集關係

object1,object2

備註:想象成家族利益,作用範圍廣,常用於配置"家族"屬性。

2.類選擇器(中範圍殺傷力)

//配置"小家族"屬性

.object

"***">

2.1多類樣式

.object1

.object2

//中間空格隔開

"object1 object2">

3.id選擇器(指定選擇)

//可以指定多個,但是非常不推薦

#object

"***">

4.結構選擇器

//提供的測試**

(1)子級

//中間有空格

article aside h3

(2)朋友級別

//h2標籤之後的所有h3標籤被選擇

article h2~h3

(3)兄弟級別

//h2標籤之後的靠的最近的h3標籤被選擇

article h2+h3

css選擇器 CSS選擇器總結

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

CSS選擇器詳解(總結)

一 css選擇器。a 基本選擇器詳解。名稱 語法構成 描述返回值 示例標籤選擇器 element 根據給定的標籤名匹配元素 元素集合 h2 選取所有的h2元素 類選擇器 class 根據給定的class匹配元素 元素集合 title 選取所有class為title的元素 id選擇器 id根據給定的i...

css3 選擇器 CSS3選擇器詳解

css3在css2基礎上,增強或新增了許多特性,彌補了css2的眾多不足之處,使得web開發變得更為高效和便捷。比如說,同樣是乙個頭像,可能在低版本的瀏覽器中,頭像方的 在高版本的瀏覽器中,頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題,為了避免因相容性帶來的干擾...