css关系选择器汇总

1 相邻选择符 相邻选择符（E+F） bodybackground-color: deepskyblue; p+p color: #f00;这是一个标题这是一个文字段落这是一个文字段落这是一个标题这是一个文字段落这是一个标题这是一个文字段落 这是一个文字段落 2 兄弟选择符 兄弟选择符（EF） bodybackground-color: deepskyblue; pp color: #f00; 这是一个标题这是一个文字段落这是一个文字段落这是一个标题这是一个文字段落这是一个标题这是一个文字段落这是一个文字段落3 子选择器 子选择符（EF）F sRules - bodybackground-color: deepskyblue;.testlia color: #f00;列表项目 1项目列表 1.1项目列表 1.2 列表项目2项目列表2.1项目列表2.2 列表项目列表项目 4 包含选择器 包含选择符(E F)bodybackground-color: deepskyblue; ul li color: #f00; 列表项目列表项目列表项目列表项目5 关系选择符Relationship Selectors indexF）,相邻选择符（E+F）,兄弟选择符（EF） /body background-color: deepskyblue;CSS Relationship Selectors关系选择符 h2 class=tit关系选择符 Relationship Selectors Selectors选择符Name名称CSS Version版本Description简介E F包含选择符(Desce ndantcombinator)CSS1选择所有被E元素包含的F元素。E>F 子选择符(Child combi nat or) CSS2选择所有作为E元素的子元素F。E+F 相邻选择符(Adjace nt sibli ng combinator)CSS2选择紧贴在E元素之后F元素。EF 兄弟选择符(Gen eral sibl ing combinator)CSS3选择E元素所有兄弟元素F。这种颜色 的链接表示是CSS3选择符或原选择符被CSS3修改并赋予了新的特性 6 属性选择器 属性选择符 Ea tt bodybackground-color: deepskyblue;aclass color: #f00;外部链接内部链接外部链接内部链接 7 属性选择符 Eatt=val 属性选择符 Ea tt=valbodybackground-color: deepskyblue; aclass=external color: #f00; 外部链接内部链接外部链接内部链接 8 属性选择符 Eatt=val 属性选择符 Ea tt =valbody background-color: deepskyblue;aclass=external color: #f00;外部链接内部链接外部链接内部链接 9属性选择符EattA=val 属性选择符 Ea tt A=valbodybackground-color: deepskyblue; liclassA=a color: #f00;列表项目列表项目列表项目列表项目列表项目列表项目 10 属性选择符 Eatt$=val 属性选择符 Ea tt $=valbody background-color: deepskyblue;liclass$=a color: #f00;列表项目列表项目列表项目列表项目列表项目列表项目 11 属性选择符 Eatt*=val 属性选择符 Ea tt *=val描述：选择具有att属性且属性值为包含val的字符串的E元素。语法：Eatt*=val sRules -body background-color: deepskyblue; liclass*=a color: #f00; 列表项目列表项目列表项目列表项目列表项目列表项目 12 属性选择符 Eatt|=val 属性选择符 Ea tt |=valbodybackground-color: deepskyblue; liclass|=test3 color: #f00;列表项目列表项目列表项目列表项目列表项目列表项目 13 css 属性选择器Attribute Selectors index bodybackground-color: deepskyblue;CSS Attribute Selectors属性选择符属性选择符 Attribute Selectors Selectors选择符CSS Version版本 Description简介 Eatt CSS2选择具有att属性的E元素。 Eatt="val"CSS2选择具有att属性且属性值等于va l的E元素。Eatt="val"CSS2选择具有att属性且属性值为一用空格分隔的字词列表，其中一个等于val的E元素。Eatt="val"CSS3选择具有att属性且属性值为以val开头的字 符串的E元素。Eatt$="val"CSS3选择具有att属性且属性值为以val结尾的字 符串的E元素。Eatt*="val"CSS3选择具有att属性且属性值为包含val的字符 串的E元素。Eatt|="val"CSS2选择具有att属性且属性值为以val开头并用 连接符-分隔的字符串的E元素。这种颜色 的链接表示是CSS3选择符或原选择符被CSS3修改并赋予了新的特性