css关系选择器

align -self属性 css代码理解

css关系选择符

1.包含选择符（E F）

选择所有被E元素包含的F元素，中间用空格隔开示例：

ul li{color: red;}

ul li{display: inline-block; color: red; list-style: none;}

2.子选择符（E>F）

选择所有作为E元素的直接子元素F，对更深一层的元素不起作用，用大括号表示。示例：

div>a{color: red;}

3.相邻选择符（E+F）

选择紧贴在E元素之后的F元素，用加号表示。选择相邻的第一个兄弟元素。示例：

p+span{color: red;}

4.兄弟选择符（E~F）

选择E元素之后的所有兄弟元素F，作用于多个元素，用~隔开。示例：

p~span{color: red;}