CSS3新增基本選擇器

2021-10-12 01:41:36 字數 1043 閱讀 3241

子元素選擇器

相鄰兄弟元素選擇器

通用兄弟元素選擇器

群組選擇器

概念:子元素選擇器只能選擇某元素的子元素

語法格式:父元素》子元素 (father>children)

相容性:ie8+,firefox,chrome,safari,opera

例如:

效果圖:

語法格式:元素+兄弟相鄰元素(element+sibling)

相容性:ie8+,firefox,chrome,safari,opera

例如:

效果圖:

語法格式:元素兄弟相鄰元素(elementsibling)

相容性:ie8+,firefox,chrome,safari,opera

例如:

效果圖:

概念:群組選擇器是將具有相同樣式的元素分組在一起,每個選擇器之間使用「,」隔開

語法:元素1,元素2,……元素n(element1,element2,……elementn)

相容性:ie6+,firefox,chrome,safari,opera

例如:

效果圖:

CSS3新增的基本選擇器

1 子元素選擇器 概念 子元素只能選擇某元素下的子元素,直接後代選擇器。語法 father children 栗子 section下的article section下的div section下的article下的div section下的div 效果圖 解釋 section的兒子div,孫子div不...

css3 選擇器 CSS3選擇器

子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素,則不會被選擇。符號之前書寫父級的選擇器,符號之後寫子級選擇器,必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...

css3 基本選擇器

css3 之前的基本選擇器 萬用字元選擇器 元素選擇器 類選擇器 id選擇器 後代選擇器。css3 新增基本選擇器 子元素選擇器 相鄰兄弟元素選擇器 通用兄弟選擇器 群組選擇器 子元素選擇器 只能選擇某元素的子元素 不包含所有後代,至選擇下一代 父元素 子元素 相鄰兄弟元素選擇器 可以選擇在乙個元素...