使用自定义 CSS 类答案

【问题标题】：using custom CSS classes使用自定义 CSS 类
【发布时间】：2017-08-05 03:00:53
【问题描述】：

现在，如果我这样做：

<div class="metanav"> 
...
</div>

那么 div 内的所有内容都将应用 .metanav 样式。

但是，如果我在 CSS 中复制粘贴 .metanav 并将新的命名为 A；然后将 div 的类更改为：

<div class="A">

那么它什么也不做。

我的css代码是：

.metanav        { text-align: right; font-size: 0.8em; padding: 0.3em;
                  margin-bottom: 1em; background: #fafafa; }
.A              { text-align: right; font-size: 0.8em; padding: 0.3em;
                  margin-bottom: 1em; background: #fafafa; }

为什么我会错过这里？

【问题讨论】：

你能发布你的css代码吗？
@camccar 我添加了css代码。
对我来说很好jsfiddle.net/j08691/u4mg6hk3
过去有一个 ids & classname 的规则，第一个字符不能是大写字母也不能是数字。您的浏览器可能仍然遵循该规则并跳过这个被视为无效的类名。您使用哪个浏览器和哪个操作系统？用一个类而不是 A 进行测试，把这种可能性放在一边；）
您是否在修改后重新加载了 HTML 和 CSS 文件（也清空了浏览器的缓存）？

标签： html css css-selectors

【解决方案1】：

您是否添加了 .在 A 之前？

应该是这样的：

.A {
border-style: inset;
border-width: 5px;
}

【讨论】：