html - 覆盖跨度样式

Question

我是 CSS 新手!

我想使用外部 CSS 覆盖 span 样式。有什么建议吗？

!important 对我不起作用。下面的示例代码。

 <div class="abc" id= "xy" style="font-size: 30px;">
  <span style="color: #009530;">bcdefghijklmnopqrstuvwxyz bananaaa</span>      </div>

基本上，我想使用外部 CSS 覆盖文本的#009530。

我试过像下面的外部CSS。它对我不起作用。

  #xy {
        color: blue !important;
      }

TIA

Answer 1

使用以下 CSS:

#xy span{
    color: blue !important;
}

<div class="abc" id="xy" style="font-size: 30px;">
    <span style="color: #009530;">bcdefghijklmnopqrstuvwxyz bananaaa</span>
</div>