今天在整理《图解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|=val</code>| 这里是功能描述 |
| 选择器 | 功能描述 |
|---|---|
E:attr=val |
这里是功能描述 |
| <code>E:attr|=val</code> | 这里是功能描述 |
用 @#124;（@换成&使用）代替了|。如果需要标记为行内代码可以用<code></code>标签做到。
