ØÑíÞÉ ÊÛííÑ ÃáæÇä ÇáÑæÇÈØ Úä ØÑíÞ ßæÏ CSS ãÎÕÕ

áßí ÊÊãßä ãä ÊÛííÑ ÇáæÇä äÕ ÇáÑÇÈØ æÊÛííÑ áæä ÇáÑÇÈØ ÚäÏãÇ äãÑÑ ÇáãÄÔÑ ÝæÞ ÇáÑÇÈØ íÌÈ ÅÊÈÇÚ ÇáÎØæÇÊ ÇáÃÊíÉ:

1- áÊÛííÑ áæä äÕ ÇáÑÇÈØ

äÞæã ÈÇÖÇÝÉ åÐÇ ÇáßæÏ:
ßæÏ:
a {
        color: #cc0000;
        }
ãËÇá ÅÐÇ ßÇä áÏíäÇ Class æäÑíÏ ÊÛííÑ áæä äÕ ÇáÑÇÈØ æáíßä ÇÓã Çá (title.heading-typo)class

ÝÓíßæä ßæÏ ÇáÑÇÈØ CSS ÈåÐÇ ÇáÔßá

ßæÏ:
.title.heading-typo a:hover {
    color: #008625;
}
2- áÊÛííÑ áæä äÕ ÇáÑÇÈØ ÚäÏ ÊãÑíÑ ÇáãÄÔÑ ÝæÞ ÇáÑÇÈØ

ÓäÞæã ÈÊØÈíÞ Úáì ÇáãËÇá ÇáÓÇÈÞ ãÚ ÇÖÇÝÉ åÐÇ ÇáßæÏ

ßæÏ:
a:hover  { 
     color: yellow;
 }
ÝÓíßæä ßæÏ ÇáÑÇÈØ CSS ÈåÐÇ ÇáÔßá
ßæÏ:
.title.heading-typo a:hover {
    color: #008625;
}
ãáÍæÙÉ: ÅÐÇ áã ÊÊãßä ãä ÊÔÛíá Êáß ÇáÇßæÇÏ Þã ÈÇÖÇÝÉ ÇãÑ !important ÈÚÏ ßæÏ Çááæä

ãËÇá:
ßæÏ:
.title.heading-typo a {
    color: white !important;
}
.title.heading-typo a:hover {
    color: #008625 !important;
}
ÇáãÕÇÏÑ:

w3schools

hyperlinkcode