2014-01-10 93 views
-2

我需要在上述情况下应用一些风格上的元素在下列情况下CSS选择器应用样式

1)

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

我需要一些样式应用到的孩子span标记具有类 “ABC”

2)

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

跨度在上述情形我需要这样应用我的风格只与类“ABC”

任何帮助将是巨大的

感谢跨越!

+0

我们是来帮你的代码,而不是为你的代码。 – melancia

+0

这是一个相当快速和体面的CSS介绍:http://www.htmldog.com/guides/css/ – BYossarian

+0

或者这个:http://net.tutsplus.com/tutorials/html-css-techniques/the- 30-css-selectors-you-must-memorize/ –

回答

0

场景1:

.abc span{color:red} 

场景2:

span.abc{color:orange} 

编辑:

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

为了让你知道,这出现在低质量的帖子队列中,我建议添加一些解释给你的答案为什么这个工程。 – hichris123

+0

抱歉没有添加更多信息,我知道如何分开处理这两种情况,但页面可能有两种不同的情况,我需要添加红色和白色边框到两个选择器,当一个跨度包含另一个跨度时,我需要应用风格和同样的风格将适用于跨度没有跨度时。 – user2950716

+0

您的目标尚不明确,但我试图为您解决问题。 –

0

基本CSS

1)

.abc > span { 
your styles here; 
} 

2)

span.abc { 
your styles here; 
} 
+0

对不添加更多信息感到抱歉,我知道如何分开处理这两种情况,但页面可能有两种不同的情况,我需要添加红色和白色边框到两个选择器,当跨度包含另一个跨度我需要应用风格和同样的风格将适用于跨度没有跨度时。 – user2950716