如何为带有标签名称的标签添加CSS？

Question

我有以下代码，

<div _ngcontent-hge-c9="" class="domain-button card-selected">
    <span _ngcontent-hge-c9="">1.</span>
    <span _ngcontent-hge-c9="">Benefits management</span>
    <span _ngcontent-hge-c9="" class="pull-right domain-close">x</span>
</div>

我想在“福利管理”文本中添加CSS，例如添加颜色。我尝试了以下操作，

.card-selected span span{
  color: white !important;
}

因为我有很多span标签，所以我可以保留span。

Answer 1

您在这里。试试这个：

video

仅对前两个跨度进行编辑：

.card-selected span:nth-child(2){
    color: white !important;
}

https://jsfiddle.net/5kpLgnjt/