html - 为什么此CSS代码无法按预期工作？

有人可以告诉我为什么下面的CSS代码不起作用吗？我完全不了解原因，这不是我的第一个牛仔竞技表演。

我在CSS文件的END中添加了以下代码，以确保没有其他东西可以覆盖它：

address,
span,
.gStyle {
    font-weight:bold;
    font-size:small;
    text-transform:capitalize;
}

.gStyle .ngs address {
    color: red;
    font-size: 10px;
}

.gStyle .sgs span {
    color: black;
    font-size: 12px;
}

并且我在代码中按如下方式调用了这些类：

<address class="ngs">lorem ipsum</address>
<span class="sgs">lorem ipsum</span>

但我希望发生的是其中的内容，


address将返回为BOLD + CAPITALIZED + RED + 10PX，其中的内容
span会以BOLD + CAPITALIZED + BLACK + 12PX的形式返回，而任何直接拨打的电话，
gStyle将返回BOLD + SMALL + CAPITALIZED。


这没有发生，那么我在做什么错呢？我已经编码太久了，看不到出什么问题了，但是我也有个大个子在说，嘿，你一定缺少什么，所以问一下。

编辑-澄清

实际上，我需要的是，当我将CLASS="ngs"应用于任何元素，但至少要应用于ADDRESS时，它将同时应用gStyle中的样式（这是基本样式），同时也应用其他样式。我尝试使用ngs，但这也不起作用。相同的逻辑适用于CLASS="gStyle ngs"，因此您能告诉我我在做什么错吗？抱歉，目前还不清楚，我认为预期的结果和HTML片段一样足够。

最佳答案

.gStyle .ngs address在address元素内的.ngs元素内选择.gStyle元素。

看起来您想要一个address元素，它是.ngs元素内的.gStyle元素，这将使您的代码：

.gStyle address.ngs

跨度也一样：

.gStyle span.sgs