ما هي الفئة المزيفة؟

الكود:

<a>

الكود:

a

الكود:

   a {
      color: blue;
   }
   

الكود:

   a:link {
      color: blue;
   }

   a:visited {
      color: red;
   }
   

الكود:

a:link

الكود:

a:visited

الكود:

a:active

الكود:

a:hover

الفئة المزيفة: link

الكود:

:link

الكود:

   a:link {
      color: #6699CC;
   }
   

• شاهد المثال
  

الفئة المزيفة: visited

الكود:

:visited

الكود:

   a:visited {
      color: #660099;
   }
   

• شاهد المثال
  

الفئة المزيفة: active

الكود:

:active

الكود:

   a:active {
      background-color: #FFFF00;
   }
   

• شاهد المثال
  

الفئة المزيفة: hover

الكود:

:hover

الكود:

   a:hover {
      color: orange;
      font-style: italic;
   }
   

• شاهد المثال
  

المثال 1: المؤثرات تظهر عندما يوضع مؤشر الفأرة على الرابط

الكود:

:hover

مثال 1أ: وضع مسافات بين الحروف

الكود:

letter-spacing

الكود:

   a:hover {
      letter-spacing: 10px;
      font-weight:bold;
      color:red;
   }
   

• شاهد المثال
  

مثال 1ب: الحروف الكبيرة والصغيرة

الكود:

text-transform

الكود:

   a:hover {
      text-transform: uppercase;
      font-weight:bold;
      color:blue;
      background-color:yellow;
   }
   

• شاهد المثال
  

مثال 2: إزالة السطر من أسفل الرابط

الكود:

text-decoration

الكود:

text-decoration

الكود:

   a {
      text-decoration:none;
   }
   

الكود:

   a:link {
      color: blue;
      text-decoration:none;
   }

   a:visited {
      color: purple;
      text-decoration:none;
   }

   a:active {
      background-color: yellow;
      text-decoration:none;
   }

   a:hover {
      color:red;
      text-decoration:none;
   }
   

• شاهد المثال