CSS ::before 伪元素

ການກໍານົດແລະການນຳໃຊ້

CSS ::before ນຳສະເພາະສັນຍາວນຳໃຊ້ເພື່ອສົ່ງຄວາມສະເພາະສັນຍາວເຂົ້າໃນການຄວາມຄົງຄວາມຈຳນວນສັນຍາວທີ່ກຳນົດໄວ້.

ນຳໃຊ້ content ຄູ່ມູນຄຳຕັ້ງ: content: " (" attr(href) ")";

• ຄວາມສະເພາະສັນຍາວ: content: "Hello world!";
• ຮູບ: content: url(myimage.jpg);
• ບໍ່ມີຄວາມ: content: none;
• ຈຳນວນ: content: counter(li);
• ຄຳຕັ້ງ: content: open-quote;
• ຄູ່ມູນຄຳຕັ້ງ: content: " (" attr(href) ")";

ຄຳແນະນຳ:ບໍ່ມີຄວາມຫນັງວ່າຄວາມສະເພາະສັນຍາວທີ່ສົ່ງມາຍັງຢູ່ໃນອານຸສາດທີ່ກຳນົດໄວ້. ຄວາມສະເພາະສັນຍາວທີ່ສົ່ງມາຍັງຈະຕິດຕັ້ງໃນກ່ອນຄວາມສະເພາະສັນຍາວອື່ນໃນອານຸສາດ.

ນຳໃຊ້ ::after ສົ່ງຄວາມສະເພາະສັນຍາວເຂົ້າໃນການຄວາມຄົງຄວາມຈຳນວນສັນຍາວທີ່ພິມຢູ່ຫຼັງສັນຍາວທີ່ກຳນົດໄວ້.

ກໍານົດຄະແນນ

ກໍານົດຄະແນນ 1

ສົ່ງຄວາມສະເພາະສັນຍາວເຂົ້າໃນການຄວາມຄົງຄວາມຈຳນວນ <p>:

p::before {
  content: "Read this: ";
}

ທ້າທາຍຂ້ອຍເອງ

ກໍານົດຄະແນນ 2

ສົ່ງຄວາມສະເພາະສັນຍາວເຂົ້າໃນການຄວາມຄົງຄວາມຈຳນວນ <p> ແລະການກະຈາຍລະບົບຈຳນວນການກະຈາຍຂອງການກະຈາຍ:

p::before {
  content: "Read this -";
  background-color: yellow;
  color: red;
  font-weight: bold;
}

ທ້າທາຍຂ້ອຍເອງ

ການນຳສະເພາະສັນຍາວ CSS

::before {
  ການອະນຸຍາດ CSS;
}

ລະບົບຂັ້ນວຽກ

ການສະໜັບສະໜຸນບັນດາບັນຊີບັນນາທິການ

ຈຳນວນໃນຕາລະບັນດາສາຂາທີ່ອະນຸຍາດການນຳສະເພາະສັນຍາວຢູ່ໃນສາຍສາຂາອີກຄັ້ງທຳອິດຂອງບັນດາບັນຊີບັນນາທິການ.

ບັນດາຫົວຂໍ້ທີ່ກ່ຽວຂ້ອງ

ການສອນ:CSS ນຳສະເພາະສັນຍາວ

ອີງຕາມ:CSS ::after ນຳສະເພາະສັນຍາວ