话说有一种选择器就叫兄弟元素选择器,分为临近兄弟和普通兄弟。
临近兄弟:用 + 表示,只匹配该元素后边的第一个同级元素。
普通兄弟:用 ~ 表示,匹配该元素后边的所有同级元素。
给个例子:
ltstyle
divaa { }
divaa p { font-size: 14pxcolor: 000}
divaa p.on { color: f00}
divaa p.on ~ span { color: 00f}
divaa p.on + span { color: 0f0font-weight: bold}
lt/style
ltdiv id=aa
ltp class=onsdflt/p
ltspansdflt/span
ltspansdflt/span
lt/div
当把p的class设为on的时候,span的样式也跟着改变。
不知道这么说清楚没有。
另外这种方式IE6是不支持的。慎用吧。
欢迎分享,转载请注明来源:聚客百科
评论列表(0条)