CSS 属性 选择器中 ~ 与 | 的区别

 从2个描述中，可以看出~ 和 | 的的作用是一样的，但是有什么区别呢？

其中：

| 是表示为 所属性的值的单词中 包含 表达式中的值，如 en-us

~ 是表示为 所属性的值的单词中 有 表达式中的值，如 hello world