CSS類選擇器不工作

Question

我正在嘗試使用HTML和CSS製作自定義提醒框。該容器的ID爲「xAlert」，其中有3 div s：一個用於標題，一個用於描述，另一個用於操作（如「確定」或「取消」）。這是我到目前爲止的代碼：

#xAlert{ 
 
    width:368px; /* 400-16*2 */ 
 
    max-height:200px; 
 
    left:50%; 
 
    margin-left:-200px; 
 
    position:absolute; 
 
    overflow:auto; 
 
    border:1px solid black; 
 
    padding:16px; 
 
} 
 

 
.alertTitle{ 
 
    font-size:20px; 
 
}

<div id="xAlert"> 
 
    
 
    <div class="alertTitle"> 
 
     Alert Title 
 
    </div> 
 
    
 
    <div class="alert_description"> 
 
     Alert Description 
 
    </div> 
 
    
 
    <div class="alert_actions"> 
 
     Alert Actions 
 
    </div> 
 
    
 
    </div>

正如你所看到，警報標題（.alertTitle）不具有20像素的字體大小。我嘗試使用內聯CSS，它工作，我刪除了CSS的#xAlert它的工作，但爲什麼這不工作？

Answer 1

運行代碼通過a validator它說：後 「\ u007f」（127）：： 「」} {.alertTitle字體大小：

在第9行，遇到柱2.詞彙錯誤20像素; }

在第一個}後面有一個不可見的字符，它被視爲以下選擇器的（無效）部分。刪除它。