Псевдокласс active

Псевдокласс active сілтемеге басқан сәттегі (басып, түрмегенше - біз оны босатпағанша, белгіленген стильдер жұмыс істейді) стильдерді белгілейді.

Әдетте бұл псевдокласс псевдокластарымен бірге қолданылады link, hover және active.

Синтаксис

cssa:active {
  
}

Мысал

Басылмаған сілтеме қызыл түсте болады, басылған - көк түсте. Егер сіз оның үстіне тінтуірді апарсаңыз - ол жасыл түске енеді, ал егер сол тінтуір түймесін басып ұстасаңыз - қара түске енеді (active жағдайы):

html<a href="#">сілтеме</a>
cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

Сондай-ақ қараңыз

  • псевдокласс link,
    ол басылмаған сілтемеге стиль береді
  • псевдокласс visited,
    ол басылған сілтемеге стиль береді
  • псевдокласс hover,
    ол сілтемеге тінтуірді апарғандағы стильді береді
  • псевдокласс focus,
    ол сілтемеге фокусталғандағы стильді береді