CSS-选择器6-兄弟选择器

CSS选择器-系列文章

1、兄弟选择器

选择器 例子 例子描述 CSS
element+element div+p 选择紧接在 div 元素之后的所有 p 元素。 2
element1~element2 div~p 选择在div元素之后的所有p元素。 3

2、效果演示




    
    CSS相邻兄弟选择器
    


    

p1

div1

p2

div2

p3

div3

p4

div4

p5

div5

运行效果:


CSS-选择器6-兄弟选择器_第1张图片
image.png

如果使用 ** div~p** 运行效果:


CSS-选择器6-兄弟选择器_第2张图片
image.png

CSS选择器-系列文章
下一节 CSS选择器7-属性选择器

你可能感兴趣的:(CSS-选择器6-兄弟选择器)