首页 > 技术文章 > CSS选择器之相邻兄弟选择器

hero8377 2013-06-19 20:42 原文

<style type="text/css">
        div+p{color:Red;}
</style>

<p>
         与div相邻的上一个p
    </p>
    <div>
        <p>div中的p</p>
    </div>
    <p>
        与div相邻的下一个p
    </p>
    <p>
        不与div相邻的p
    </p>

与div相邻的下一个p会变成红色。

推荐阅读