css - 如何使两个不同颜色的不同单词在一个 div 中变为相同颜色？

Question

谁能帮我解决这个问题？ 我有一个 div，div 里面有一个图像和两个不同的文本。 整个 div 是一个链接，但是当我浏览 div 并且两个文本都变为白色时，我想用不同的颜色制作这两个词。

Answer 1

你没有提供任何 HTML 代码，所以只是一个想法(使用 jquery)

HTML

<div id="myDiv">
    <img src="http://gpsarakis.com/images/icon_jquery.png" />
    Hello World
</div>​

JS

$(function(){
    var myDiv=$('#myDiv');
    var txt=myDiv.text().split(' ');
    var theWord=txt[txt.length-1];
    myDiv.html(myDiv.html().replace(theWord, '<span class="red">'+theWord+'</span>'));

    myDiv.hover(function(e){
        $(this).css('color','white').find('span.red').toggleClass('white');
    },
    function(e){
        $(this).css('color','black').find('span.white').toggleClass('white');
    });
});​

DEMO.