CSS селекторы, чтобы применить стиль

Question

мне нужно применить некоторый стиль на элементы в следующих сценариях

1)

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

в приведенном выше сценарии мне нужно несколько стилей, чтобы применить к размаху ребенка теге пролет, имеющий класс "ABC"

2)

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

в приведенном выше сценарии мне нужно применить так мне стиль охватывает только с классом «ABC»

Любая помощь будет большой

Спасибо!

Answer 1

сцена 1:

.abc span{color:red} 

сцена 2:

span.abc{color:orange} 

Edit:

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

Answer 2

Basic CSS

1)

.abc > span { 
your styles here; 
} 

2)

span.abc { 
your styles here; 
}