子元素選擇器
相鄰兄弟元素選擇器
通用兄弟元素選擇器
群組選擇器
概念:子元素選擇器只能選擇某元素的子元素
語法格式:父元素》子元素 (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 新增基本選擇器 子元素選擇器 相鄰兄弟元素選擇器 通用兄弟選擇器 群組選擇器 子元素選擇器 只能選擇某元素的子元素 不包含所有後代,至選擇下一代 父元素 子元素 相鄰兄弟元素選擇器 可以選擇在乙個元素...