Css 控制两个不同类的代码

我有以下HTML代码。我的

税务详细信息的CSS是：

.products-grid .tax-details {
    margin-top: -15px;
}

我需要为
税务详细信息
提供一个单独的css选择器，该选择器具有类
常规价格
。我尝试了以下方法：

.products-grid .regular-price .tax-details {
    margin-top: 0px;
}

但这是行不通的。有人能帮我吗

<ul class="products-grid first odd">
   <li class="item first"> <a class="product-image" title="Navy Frotteejacke" href="urll"><img width="180" height="180" alt="Navy Frotteejacke" src="url"></a>
     <h2 class="product-name"><a title="Navy Frotteejacke" href="url">Navy Frotteejacke</a></h2>
     <div class="price-box">
       <span id="product-price-167" class="regular-price">
       <span class="price">9,00&nbsp;€</span></span>
     </div>
     <span class="tax-details">inkl. MwSt., zzgl. <a href=url">Versandkosten</a></span>
   </li>
</ul>



9,00 €
英克尔。MwSt.，zzgl。



有关具有类常规价格的税务详细信息

=>
税务详细信息
在HTML示例中没有与之关联的
常规价格
类

选择器：
.products grid.常规价格.税务详细信息

适用于以下结构：

products-grid
    regular-price
       tax-details

.tax-details {
    margin-top: 0px!important;
}

但是

您当前的HTML具有以下结构：

products-grid
    regular-price
    tax-details  //not a regular-price's child

所以别指望它会这样

优化结构以匹配CSS声明，或更改CSS选择器

-----------从您下面的评论中：------------

您可能无法更改整个结构，但添加了一个类，我希望是：

<span class="tax-details regular-price">inkl. MwSt., zzgl. <a href=url">Versandkosten</a></span>

有关此信息的更多信息：
如果我理解正确，您正在尝试更改
的CSS。税务详细信息
，但它不是
的子项。常规价格
，因此不起作用

您是否尝试添加
！重要的在CSS后面，如下所示：

products-grid
    regular-price
       tax-details

.tax-details {
    margin-top: 0px!important;
}

或者，如果您试图用一个代码控制两个类（如标题所示），您可以使用以下方法：

.regular-price, .tax-details {
    margin-top: 0px;
}

我不可能改变html的结构。CSS选择器必须如何更改才能正常工作？本杰明更新了我的答案为什么需要
.products grid.tax detax>
成为
.products.grid.regular price.tax detax>？您是否正在尝试更改
.tax details
的CSS？span.regular-price中没有类为“.tax details”的元素，因此rule.products网格.regular price.tax details将永远不会应用于任何内容