div类"in“h2类可能吗？

Question

完整代码：

<div id="post-<?php the_ID(); ?>"<?php post_class(); ?>><h2 class="TITLE"><a href="     <?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'TXv2' ),      the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a><div      class="BUBBLE"><?php comments_popup_link('0', '1', '%'); ?></div></h2>

我的问题是：

<h2 class="TITLE">PHP_CODE<div class="BUBBLE">PHP_CONTENT</div></h2>

我的CSS查找“div/气泡”：

.BUBBLE { color: #FFF; }

对于h2/TITLE：

.TITLE { color: #000; }

标题是对的，但“泡泡”-Font也是黑色的。可以更改h2标记中的CSS格式吗？

Answer 1

尝尝这个

.TITLE .BUBBLE {color: #fff;}

演示：http://jsfiddle.net/3vj8q/ (添加黑色背景以使文本可见)。

关于专用性如何起作用的一些信息：http://docs.webplatform.org/wiki/tutorials/inheritance_and_cascade

Answer 2

最好使用文本标记设置文本格式：

<h2 class="TITLE">PHP_CODE<span class="BUBBLE">PHP_CONTENT</span></h2>