html - 为什么 :before css 不能在带有 Expression Web 的设计视图中工作？

Question

我有 Windows 7 64 位计算机并使用 Microsoft Expression Web 4。

我在 Microsoft Expression Web 中创建了一个页面。在其中，我使用:beforeCSS 来显示一个红色星号。但在Design ViewMicrosoft Expression Web 中，红色星号从未出现。只有当我保存页面并在网络浏览器中预览时，才会出现红色星号。

这是CSS：

div.form_control span.label_mandatory
{
       color: Gray;
       float: left;
       font-size: medium;
       font-weight: normal;
    margin-left: 7px;
    line-height: normal;
       overflow: hidden;
       text-align: right;
       white-space: nowrap;
       width: 138px;
}

div.form_control span.field_mandatory:before
{
    color: Red;
    content: '*';
    font-weight: normal;
    margin-left: -7px;
}

div.form_control span.field_mandatory
{
    font-size: medium;
    font-weight: normal !important;
    margin-left: 10px;
    text-align: left;
    width: 50px;
}

这是 HTML：

<table width="100%">
<tr>
  <td>
    <div class="form_control">
      <span class="label_mandatory">English Description</span>
      <span class="field_mandatory">Dental QC (TB)</span>
    </div>
  </td>
</tr>
</table>

那么为什么Design View不能显示:beforeCSS的效果呢？我需要做什么Design View才能立即显示它？

该页面告诉我它正在使用CSS 2.1.

谢谢