css选择器+、~、>

在css中,选择器是一种模式,用于选择需要添加样式的元素。它有多种选择器,我们看一下比较常见,但容易混淆的三个选择器+~>

A + B(相邻兄弟选择器)

定义:css2。 匹配B元素,满足条件:B是A的下一个兄弟节点(AB有相同的父结点,并且B紧跟在A的后面)。

A ~ B (通用兄弟选择器)

定义: css3。匹配B元素,满足条件:B是A之后的兄弟节点中的任意一个(AB有相同的父节点,B在A之后,但不一定是紧挨着A)

A > B (子选择器)

定义:css2。匹配B元素,满足条件:B是A的直接子节点。

css选择器+、~、>验证图

See the Pen CSS选择器+~&rt; by LiuwqGit (@weiqinl) on CodePen.

posted @ 2018-09-18 00:16  weiqinl  阅读(455)  评论(0编辑  收藏  举报