markdownテーブルで縦線を使用する

今日『図解css 3』のノートを整理したときに出会った小さな問題です.次のようになります.

|     |      |
| --- | --- |
| `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` |         |
| E:attr|=val|         |

セレクタ
機能の説明E:attr=val
ここでは機能の説明ですE:attr|=val
ここでは機能の説明です
@#124;(@換成&使用)|に代わりました.行内コードとしてマークする必要がある場合は、ラベルで います.