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像素; }

在第一个}后面有一个不可见的字符，它被视为以下选择器的（无效）部分。删除它。