ØÑíÞÉ ÊÛííÑ ÃáæÇä ÇáÑæÇÈØ Úä ØÑíÞ ßæÏ 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
ÇáãÝÖáÇÊ