第一二章 CSS和選擇器

2021-08-28 13:07:41 字數 1230 閱讀 4297

import 和 ref的區別?

xhtml與html的區別?

css全域性性修改借助--選擇器和結構

選擇器分組:

h1, h2, h3, h4

宣告分組:

fond: 18px helvetica;

通配選擇器:*

類選擇器:

須將class屬性指定為乙個適當的值.

this is content

* .warning

p.warning

可以組合使用通用類選擇器和元素特定類選擇器.

id選擇器:

this paragraph will be boldfaced.

*#lead-para

屬性選擇器:

h1[class] ,選擇有class屬性的所有h1元素

img[alt]

*[title]

a[href][title]

部分選擇器:

when handling plutonium, …...

p[class~=」warning」]

後代選擇器:

h1 em

這個規則會把作為h1元素後代的em元素的文字變成灰色.

選擇子元素:

h1 > strong

這個規則會把第乙個h1下面出現的strong元素變成紅色,但是第二層出現的strong元素不會受到影響.

選擇相鄰兄弟元素:

h1 + p

選擇器緊接在乙個h1元素後出現的所有段落,h1與p有共同的父元素.

偽類和偽元素:靜態

a:link /*unvisited links are blue*/

a:visited /*visited links are red*/

動態偽類:

: focus

: hover

: active

可以應用到任何元素.

要點:深入了解選擇器與文件結構的關係,並了解繼承和層疊機制在確定如何為元素設定樣式時有怎樣的作用.

jquery選擇器和css選擇器

今天開發中碰到乙個問題。class maindiv class mydiv name id div class mydiv name id div class mydiv name id div class mydiv name id div div 是這樣,我獲取class mydiv 下面的某乙...

CSS選擇器和其他選擇器

lang en charset utf 8 選擇器title ctrl shift 群組選擇器 box,color,span 選中ol標籤裡的li標籤 ol li ul red 直接子元素選中 box2 div 相鄰兄弟 span p 普通兄弟 span p style head box boxdi...

css選擇器 CSS選擇器總結

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