markdown 表格中使用竖线

今天在整理《图解css3》的笔记时遇到的一个小问题。如下所示：

| 选择器 | 功能描述 |
| --- | --- |
| `E:attr=val` | 这里是功能描述 |
| `E:attr|=val` | 这里是功能描述 |

选择器	功能描述
E:attr=val	这里是功能描述
`E:attr	=val`	这里是功能描述

显示的不尽如人意。

在网上找了一下解决方案，在此记录一下。

方案1

| 选择器 | 功能描述 |
| --- | --- |
| `E:attr=val` | 这里是功能描述 |
| E:attr|=val | 这里是功能描述 |

选择器	功能描述
E:attr=val	这里是功能描述
E:attrr|=val	这里是功能描述

方案2

| 选择器 | 功能描述 |
| --- | --- |
| `E:attr=val` | 这里是功能描述 |
| <code>E:attr&#124;=val</code>| 这里是功能描述 |

选择器	功能描述
E:attr=val	这里是功能描述
<code>E:attr|=val</code>	这里是功能描述

用 @#124;（@换成&使用）代替了|。如果需要标记为行内代码可以用<code></code>标签做到。