<style>
a.l1 { color:#000000; font-size: 12px}
a.l2 { color:#FFFFFF; font-size: 12px}
a.l3 { color:#0099FF; font-size: 12px}
a.l4 { color:#FF9900; font-size: 12px}
a.l5 { color:#FF0000; font-size: 12px}
a.l6 { color:#FF0000; font-size: 16px}
a.l7 { color:#D8BE92; font-size: 12px}
</style>

ข้างบนมันเป็นลิงค์สีเดียว
ผมอยากให้เวลาเอาเมาส์แตะมันเปลี่ยนสีครับ
ต้องเพิ่มอะไร??

a { color: #003399;   text-decoration: none; }
a:hover { color: orange; text-decoration: underline; }

a:hover.l1 { color:#003399; font-size: 12px} :

ขอบคุณครับ

ผมเรียกใช้ถูกไหม
<a href="XXXXXXX" class="l1">111</a>