Question

CSS两种不同颜色文字间的问题

图一：
图二：
图三：
图一是我设置的两种字体的颜色，如果我把灰色字体退格删掉，重新打的话会变成绿色（如图二）。可是如果我在灰色文字后面继续添加文字，文字还是灰色，（如图三），请问怎么在灰色字体退格删掉的情况下，重新打出来还是灰色，而不是绿色呢？。这是我的代码，大师们看下（顺便帮我看看有什么是可以删掉的，谢谢）
<P style="WHITE-SPACE: normal; TEXT-TRANSFORM: none; WORD-SPACING: 0px; COLOR: #000000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: 14px 21.0px tahoma arial 宋体 sans-serif; PADDING-LEFT: 0px; MARGIN: 1.12em 0px; ORPHANS: 2; WIDOWS: 2; LETTER-SPACING: normal; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #ffffff; TEXT-INDENT: 0px" align=left><SPAN style="FONT-FAMILY: microsoft yahei"><FONT size=2><SPAN style="COLOR: #00aa7f">【宝贝名称】 </SPAN><SPAN style="COLOR: #444444">JUJU</SPAN></FONT></SPAN></P>





Answer 1

看不出什么。给你个我自己想的解决方法，你在<SPAN style="COLOR: #444444">JUJU</SPAN>里的JUJU前面加上  &nbsp;  试试  <SPAN style="COLOR: #444444">&nbsp;JUJU</SPAN>。我怀疑是每次删除的时候把这个<SPAN></SPAN>标签删除了。如果有空格代码填充，应该可以保留这个字体样式。只要每次删除时候不要删除新加的这个空格。你试试看吧。

应为这个标签写上去不按文字显示，那么我截图给你看下；

Answer 2

HTML退格掉是什么意思呢。
你应该说的是在编辑器中吧。
cool468说的加空格思路是正确的， 但是加的位置肯定是不对的。
先说一下， 你这个情况出现的原因， 这个是因为编辑器“自作聪明”，你删除后， 再次添加的时候，实际上， 编辑器自动加在了那个绿色的SPAN里面了， 而没有加入到你后面的那个SPAN里面。
如果说要加空格解决的话呢， 这里不能加在绿色的那个SPAN里面。 要加在外面。 而且，删除的时候不能把空格删掉才会有效果。
因为编辑器中所有的东西都可以删掉 ， 所以当你加了任意东西， 删除掉后， 他会自动加入到你的绿色SPAN里面。

追问

所以你的意思是说表示空格的那几个字母要加在两个前一个/span和后一个span中间吗

追答

懂得原理，怎么加都没事儿。

不懂原理，加什么都没用。

可以选择那部分文字 直接打字进行覆盖，但是完全删掉是不行的。

要么你就用表格，用不同单元格分开， 这样就不怕了。

Answer 3

添加文字的时候不要直接添加，要在代码里面，不然灰色字删掉后，可能把灰色的样式也删掉了，继续添加的话就应用的绿色的样式，要不双击灰色的字体，再打字，这样不会把灰色样式删掉