CSS类选择器不起作用

Question

我正在尝试使用HTML和CSS制作自定义警报框.容器具有id" xAlert"并且其中有3个div:一个用于标题,一个用于描述,一个用于操作(如OK或Cancel).到目前为止,这是我的代码:

#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)的字体大小不是20px.我尝试使用内联CSS,它工作,我删除了CSS #xAlert,它工作,但为什么这不起作用？

Answer 1

通过验证器运行您的代码,验证器说:

第9行第2列的词汇错误.遇到:"\ u007f"(127),之后:""} .alertTitle {font-size:20px; }

在第一个之后有一个不可见的字符,}它被视为以下选择器的(无效)部分.删除它.