html - 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 并且它起作用了，我删除了 #xAlert 的 CSS 并且它起作用了，但为什么它不起作用？

Answer 1

通过 a validator 运行您的代码其中说:

Lexical error at line 9, column 2. Encountered: "\u007f" (127), after : "" } .alertTitle{ font-size:20px; }

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