CSS :visited ເພດຈັກ

ການອະທິບາຍແລະການນໍາໃຊ້

CSS :visited ເພດຈັກນຳໃຊ້ສຳລັບຕັ້ງກົດລະບຽບສັນຍາວາງໃຫ້ການເຊື່ອມທີ່ໄດ້ຢືນ.

ຄຳເຕືອນ:ນຳໃຊ້ :link ຕັ້ງກົດລະບຽບສັນຍາວາງໃຫ້ການເຊື່ອມເມື່ອວາງເວັບໄຊບໍ່ໄດ້ຢືນ, ນຳໃຊ້ :hover ຕັ້ງກົດລະບຽບສັນຍາວາງໃຫ້ການເຊື່ອມເມື່ອຂ້າງສະໝອງ, ນຳໃຊ້ :active ຕັ້ງກົດລະບຽບສັນຍາວາງໃຫ້ການເຊື່ອມເມື່ອກະທຳ.

ເຫັນຫຍັງ:ເພື່ອການຕັ້ງກົດລະບຽບສັນຍາວາງໃຫ້ການເຊື່ອມ, ກະຕຸ້ນ :visited ຕັ້ງກົດລະບຽບຕັ້ງກາງ :link ຫຼັງກົດລະບຽບ, ແຕ່ກ່ອນ :hover ແລະ :active ກ່ອນກົດລະບຽບ

ປະເພດການອ່ານທີ່ອະນຸຍາດແມ່ນ:

• color
• background-color
• border-color (ແລະທັງສອງຂ້າງ border-color)
• outline color
• column-rule-color
• text-decoration-color
• text-emphasis-color
• SVG ລະບົບ fill ແລະ stroke

ກໍານົດການ

ຄວາມລະອຽດ 1

ການເລືອກແລະຕັ້ງກົດລະບຽບສັນຍາວາງໃຫ້ການເຊື່ອມທີ່ໄດ້ຢືນ:

a:visited {
  color: pink;
}

ທົດລອງຕະຫຼອດເທື່ອບໍ່ມີການກະທຳ

ຄວາມລະອຽດ 2

ການເລືອກແລະຕັ້ງກົດລະບຽບສັນຍາວາງໃຫ້ການເຊື່ອມທີ່ບໍ່ໄດ້ຢືນ, ໄດ້ຢືນ, ກະທຳຄວາມສະໝອງ, ແລະ ການກະທຳ:

/* ການເຊື່ອມທີ່ບໍ່ໄດ້ຢືນ */
a:link {
  color: green;
}
/* ການເຊື່ອມທີ່ໄດ້ຢືນ */
a:visited {
  color: green;
}
/* ການກະທຳຄວາມເຊື່ອມເມື່ອຂ້າງສະໝອງ */
a:hover {
  color: red;
}
/* ການກະທຳຄວາມເຊື່ອມ */
a:active {
  color: yellow;
}

ທົດລອງຕະຫຼອດເທື່ອບໍ່ມີການກະທຳ

ຄວາມລະອຽດ 3

ການຕັ້ງກົດລະບຽບສັນຍາວາງໃຫ້ການເຊື່ອມ:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

ທົດລອງຕະຫຼອດເທື່ອບໍ່ມີການກະທຳ

ການອ່ານພາສາ CSS

:visited {
  ການສະແດງ css;
}

ລະອຽດດ້ານເຕັກນິກ

ການສະໜັບສະໜຸນຂອງຄູ່ມວນຊົນ

ຈຳນວນສະໄໝໃນຕາລະບັນບາງກັບການສະໜັບສະໜຸນຂອງຄູ່ມວນຊົນຈັກທີ່ສະໜັບສະໜຸນໄດ້ທັງໝົດ.

ບັນດາໜ້າທີ່ກ່ຽວຂ້ອງ

ຄູ່ມວນຊົນ:CSS ການເຊື່ອມ

ຄູ່ມວນຊົນ:CSS ເພດຈັກ