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的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...