Html ins和del标记内的样式范围

我有以下代码：

<span class="price">
    <span class="amount floating">
         <del><span class="amount">275,00&nbsp;kr.</span></del> 
         <ins><span class="amount">149,00&nbsp;kr.</span></ins>
    </span>
</span>

我只希望第一个价格（正常价格）是黑色的。。。另一个（在售）应该是绿色的。 现在两者都是黑色的

---

注意：由于我在CMS中工作，我想要一个CSS解决方案

我不确定您希望最终布局是什么样子，但是当我根据您提供的代码创建一个小提琴时，出现了一个丑陋的混乱。这似乎部分是由于没有空格的

.amount.floating

（在

.amount.floating.amount:first child

中）造成的

.amount.floating ins span { color: green; }

要使线变为绿色，只需执行以下操作：

 ins .amount {
    color: green;
 }

---

这正在工作

try

ins.amount{color:green；}

解决方案是：.amount.floating-ins span.amount{background color:#98B827！important；}

 ins .amount {
    color: green;
 }

       .amount.floating .amount:first-child {
        background-color:#000000;
        }

        .amount.floating ins span.amount {
         background-color: #98B827 !important;
         }