十二,CSS其他選擇器

2021-10-12 04:10:45 字數 2263 閱讀 7332

1,呼叫class選擇器(允許重複class選擇器名稱):

定義:

class

="imooc"

>

慕課網p

>

呼叫:

.imooc

2,呼叫id選擇器(唯一)

定義:

"name1"

>

慕課網p

>

呼叫:

#name1

3,呼叫*選擇器:

*

4,呼叫,選擇器(聯合選擇器,用逗號隔開):

#name1,#name2

>

>

charset

="utf-8"

>

>

demotitle

>

type

="text/css"

>

#div1 p

style

>

head

>

>

id=div1

>

id=div2

>

>

歡迎來到慕課網h1

>

class

="imooc"

id="name1"

>

慕課網p

我是div外面的p標籤p

>

body

>

3,空格選擇器:子孫(後代選擇器)

#div1 p

這裡把div2和div3的全部p標籤都選中了

4,>選擇器:子選擇器(不是子孫後代)

按照分析,這裡只有google那段被選中,其他都是屬於div2,div3裡面的

#div1> p

5,+選擇器:相鄰兄弟選擇器

#div1+ p

表示和div1是同一級的段落標記,符合條件的只有下面這個

>

我是div外面的p標籤p

>

6,[ ]:屬性選擇器

>

>

charset

="utf-8"

>

>

demotitle

>

type

="text/css"

>

p[id="name1"]

style

>

head

>

>

class

="imooc"

id="name1"

>

慕課網p

>

class

="imooc"

id="name2"

>

www.imooc.comp

>

>

歡迎來到慕課網h1

>

body

>

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選擇器的規範寫法 標籤名作用 根據元素的class值進行選取元素 語法 classname作用 根據元素的id屬性值選取元素 語法 id作用 可以同時使用多個選擇器,這樣可以選擇同時滿足多個選擇器的元素。語法 選擇器1選擇器2作用 可以同時...

css選擇器 CSS選擇器總結

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