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普遍存在相容性問題,為了避免因相容性帶來的干擾...