1.選擇器分組
選擇器分組語法:
選擇器分組: 選擇器1,選擇器2
選擇器分組.html
h4h5
h6
2.屬性選擇器
a.a[href]
只對有 href 屬性的錨(a 元素)應用樣式
h2h1
b.a[title='aaa']
把包含標題(title)的所有元素變為紅色
谷歌火狐
c.a[href][title]
將同時有 href 和 title 屬性的 html 超連結的文字設定為紅色
可以應用樣式
無法應用樣式
d.a[href][title='a']
將同時有 href 和 title 屬性的 html 超連結的文字設定為紅色
可以應用樣式
可以應用樣式
無法應用樣式
3.後代選擇器
後代選擇器語法:
爺爺選擇器 孫子選擇器 找出所有的後代
注:中間有空格
4.子元素選擇器
子元素選擇器語法:
父選擇器 > 兒子選擇器
注:中間有》號
5.偽類選擇器
偽類選擇器: 通常都是用在a標籤上
CSS的擴充套件選擇器
基本選擇器有三個,當設定樣式的時候不是很方便。目前有三個擴充套件選擇器 關聯選擇器 組合選擇器 偽元素選擇器。一 關聯選擇器 設定巢狀標籤的樣式。例 關聯選擇器.html 可是大家發開始 卡和手機 這一行的背景是blue。aaaaaaaa 二 組合選擇器 設定巢狀標籤的樣式 例 組合選擇器.html...
css選擇器 CSS選擇器總結
在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...
css的精靈技術,選擇器擴充套件
二 精靈技術 雪碧技術 三 css3的選擇器擴充套件 在上篇文章對css盒子模型知識的總結中,對margin屬性有遺漏,此篇將會做以補充,並對精靈技術和選擇器的擴充套件進行總結 情況一 上下疊加 情況二 左右疊加 情況三 空元素的margin疊加 補充 前兩種情況是標籤中有內容的情況,只展示情況一,...