CSS中的|和>都是特殊字符，用于定義樣式。

首先，讓我們了解|的含義。|可以用來連接多個選擇器，表示多個選擇器同時生效。

.selector1 | .selector2 {
/*樣式代碼*/
}

如上所示，selector1和selector2將同時受到樣式的影響。

接下來我們了解>的含義。>用于選擇某個元素的直接子元素。

.parent > .child {
/*樣式代碼*/
}

如上所示，parent元素中的直接子元素child將受到樣式的影響。

總結一下，CSS中的|和>都是用來定義樣式的特殊字符，可以用來連接多個選擇器或選擇父元素的直接子元素。