2012-06-25 35 views
5

पर लिंक रंग बदलें जब मैं एक div होवर करता हूं तो मैं अपने लिंक रंग कैसे बदलूं? जब मैं लिंक पर जाएँdiv होवर

#voltarTEST { 
    width: 80px; 
    height: 62px; 
    padding-top: 16px; 
    background-image: url(../img/multiLangImage/Seta11.png); 
    background-repeat: no-repeat; 
} 
#seguinteBtn { 
    width: 80px; 
    height: 62px; 
    padding-top: 16px; 
    background-image: url(../img/multiLangImage/Seta21.png); 
    background-repeat: no-repeat; 
    text-decoration: none; 
    color: #777; 
} 
#seguinteBtn:hover { 
    background-image: url(../img/multiLangImage/Seta22.png); 
    background-repeat: no-repeat; 
    text-decoration: none; 
    color: #FFF; 
} 
#voltarText { 
/* padding-right: 10px;*/ 
    padding-left: 30px; 
} 
#voltarNEText { 
/* padding-right: 10px;*/ 
    padding-left: 30px; 
} 
#voltarTEST:hover { 
    background-image: url(../img/multiLangImage/Seta12.png); 
    background-repeat: no-repeat; 
} 
#voltarTEST a { 
    text-decoration: none; 
    font-size: x-small; 
    font-family: Verdana; 
    text-decoration: none; 
    color: #999; 
} 
#voltarTEST a:hover { 
    text-decoration: none; 
    font-size: x-small; 
    font-family: Verdana; 
    text-decoration: none; 
    color: #FFF; 
} 
#dataUltimaSincMSG { 
    margin-bottom: 0; 
} 
#estadoSinc { 
    margin-bottom: 0; 
} 

लेकिन वह काम नहीं किया, यह केवल परिवर्तन का रंग:

मैं का उपयोग करने की कोशिश की।

+0

आपका मार्कअप कैसा दिखता है? –

+1

div या plz का नाम HTML – SVS

+0

एक जेएसफ़ाइल हमेशा आसान होता है, यह सीधे दिखाता है कि आपके पास क्या है (और इसे बदलना आसान है)। – Styxxy

उत्तर

23

इस जोड़ें:

#voltarTEST:hover a{ 
    text-decoration: none; 
    font-size: x-small; 
    font-family: Verdana; 
    text-decoration: none; 
    color:#FFF; 
} 
+0

धन्यवाद, ठीक है कि वास्तव में एक गूढ़ गलती एलओएल था – Astronaut

1

diva के बजाय पर :hover का उपयोग करें:

#voltarTEST:hover a{ 
    text-decoration: none; 
    font-size: x-small; 
    font-family: Verdana; 

    text-decoration: none; 
    color:#FFF; 
} 
6

आप div पर मंडराना घटना सेट करना चाहते हैं, नहीं लिंक ..

#voltarTEST a:hover#voltarTEST:hover a

होना चाहिए

पहला (जिस तरह से आपने यह किया था) कहता है कि voltarTEST div के अंदर का लिंक चालू है। दूसरा कहता है कि इस शैली को voltarTEST के अंदर लिंक पर लागू करें जब voltarTEST पर आच्छादित है।

यहां एक DEMO

संबंधित मुद्दे