css选择器应用样式

Question

我需要在以下场景中对元素应用一些样式

1）

<span class="abc">
   <span>test</span>
</span>

在上面的场景中我需要一些样式来应用于具有类“abc”的span的子span标记

2）

<span class="abc">testing123</span>

在上面的场景中，我需要将一些样式应用于只有类“abc”

的跨度

任何帮助都会很棒

谢谢！

Answer 1

场景1：

.abc span{color:red}

场景2：

span.abc{color:orange}

修改

.abc{border:1px solid #FFF; color:#F00}
.abc span{color:orrange}

Answer 2

基本CSS

1）

.abc > span {
your styles here;
}

2）

span.abc {
your styles here;
}