CSS的擴充套件選擇器

2021-09-11 20:48:39 字數 616 閱讀 7613

基本選擇器有三個,當設定樣式的時候不是很方便。

目前有三個擴充套件選擇器:關聯選擇器、組合選擇器、偽元素選擇器。

一、關聯選擇器   

設定巢狀標籤的樣式。

例://關聯選擇器.html

可是大家發開始***卡和手機

//這一行的背景是blue。

aaaaaaaa

二、組合選擇器   

設定巢狀標籤的樣式

例://組合選擇器.html

可是大家發開始***卡和手機

//這一行的背景是blue。   

aaaaaaaa

//這一行的背景也是blue。

可是大家發開始***卡和手機

//這一行的背景也是blue。

三、偽元素選擇器(了解一下) 

css提供了一些定義好了的樣式,可以直接使用。

在《css 參考手冊》中,"偽類和偽物件"中可以檢視,

分別對應:                      :link                :hover                     :active              :visited

例://偽元素選擇器.html

超連結一

CSS 選擇器擴充套件

1.選擇器分組 選擇器分組語法 選擇器分組 選擇器1,選擇器2 選擇器分組.html h4h5 h62.屬性選擇器 a.a href 只對有 href 屬性的錨 a 元素 應用樣式 h2h1 b.a title aaa 把包含標題 title 的所有元素變為紅色 谷歌火狐 c.a href titl...

css的精靈技術,選擇器擴充套件

二 精靈技術 雪碧技術 三 css3的選擇器擴充套件 在上篇文章對css盒子模型知識的總結中,對margin屬性有遺漏,此篇將會做以補充,並對精靈技術和選擇器的擴充套件進行總結 情況一 上下疊加 情況二 左右疊加 情況三 空元素的margin疊加 補充 前兩種情況是標籤中有內容的情況,只展示情況一,...

css選擇器 CSS選擇器總結

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