代码制造修改_HTML/CSS

代码制作修改
这段代码怎么加进去代码能使鼠标移到某个词处这组词就改颜色，还有背景也改色。
<div class="custom-area">
    <div class="slider-promo good taobao00 ee01 x01" style="height: 0px; position: static;">
        <div class="lst-trigger grid-s5m0" style="left: 50%; top: 100px; width: 100%; height: 40px; z-index: 99;">
            <div class="lst-trigger col-sub" style="left: 50%; top: 0px; width: 100%; height: 100%; z-index: 99;">
                <div class="grid-s5e5m0 lst-trigger" style="background: rgb(94, 15, 21); top: 0px; width: 100%; height: 30px; z-index: 99;">
                    <div class="col-extra lst-trigger" style="left: 50%; top: 0px; width: 1920px; height: 30px; color: rgb(255, 255, 255); line-height: 30px; padding-left: 285px; font-size: 18px; font-weight: 500; z-index: 99;">
                        <div style="float: left;">
                            <span style="padding: 0px 5px;">首页更精彩</span>| <span style="padding: 0px 5px;">保暖套件馆</span>| <span style="padding: 0px 5px;">秋冬被芯馆</span>| <span style="padding: 0px 5px;">甜蜜婚庆馆</span>| <span style="padding: 0px 5px;">超值套餐馆</span>| <span style="padding: 0px 5px;">家居生活馆</span>| <span style="padding: 0px 5px;">健康枕芯馆</span>| <span style="padding: 0px 5px;">自助购物</span></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

class div html?css

------解决方案--------------------------------------------------------
你看看是不是这效果


<style>
a {color:#fff; text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#000; background-color: #fff; }
a:active {color:#000;  }
 
</style>
<div class="custom-area">
    <div class="slider-promo good taobao00 ee01 x01" style="height: 0px; position: static;">
        <div class="lst-trigger grid-s5m0" style="left: 50%; top: 100px; width: 100%; height: 40px; z-index: 99;">
            <div class="lst-trigger col-sub" style="left: 50%; top: 0px; width: 100%; height: 100%; z-index: 99;">