CSS優先級

HTML代碼如下：

<div class="time-top">
    <dl>
        <dd>0</dd>
        <dd>6</dd>
        <dd class="no">:</dd>
        <dd>4</dd>
        <dd>9</dd>
        <dd class="no">:</dd>
        <dd>0</dd>
        <dd>8</dd>
    </dl>
</div>

對應CSS如下：

.time-top .no{       /* 此處必須有父級 .time-top 類選擇器，否則只是 .no 的話不起作用 */
   color: #555555;
   background: #FFECBF;
   font-weight: bold;
   font-size: 18px;
   font-family: "宋體";
   margin: 0;
   width: 16px;
}
.time-top dd{
   font-weight: bold;
   font-family: "宋體";
   display: block;
   font-size: 20px;
   color: #FFF;
   float: left;
   text-align: center;
   width: 20px;
   height: 28px;
   background: url("images/indexsprite.png") no-repeat -83px -77px;
   margin: 0 2px 0 0;
}