原因:在使用Expression Web的设计视图中css之前没有工作?

时间:2017-04-03 01:50:16

标签: html css css-selectors expression-web microsoft-expression-web

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

我在Microsoft Expression Web中创建了一个页面。在其中我使用:before CSS来显示红色星号。但是在Microsoft Expression Web的Design View中,红色星号永远不会出现。只有当我保存页面并在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无法显示:before CSS的效果?我需要做什么才能使Design View立即显示出来?

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

由于

0 个答案:

没有答案