ເລີ່ມ CSS
CSS ສອດຄ່ອງກັບກົດທີ່ສອດຄ້ອງກັບຮູບແບບເພື່ອກໍານົດຮູບແບບທີ່ໃຊ້ກັບອົງປະກອບທີ່ຢູ່ໃນເອກະສານ. ຮູບແບບເຫຼົ່ານີ້ແມ່ນເອີ້ນວ່າ ຕົວເລືອກ (ຕົວຢ່າງ, p ເພື່ອກົງກັນກັບແທັກຄໍາ) ກັບຮູບແບບທີ່ສັບສົນທີ່ກົງກັນກັບພາກສ່ວນທີ່ສະເພາະຂອງເອກະສານ (ຕົວຢ່າງ: p # myid> b.highlight ຈະກົງກັບປ້າຍໂຄສະນາທີ່ມີ b ຊັ້ນຮຽນຂອງຈຸດເດັ່ນທີ່ເປັນລູກຂອງວັກທີ່ມີ id myid).
ຕົວເລືອກ CSS ແມ່ນສ່ວນຫນຶ່ງຂອງການເອີ້ນແບບ CSS ເຊິ່ງລະບຸສ່ວນໃດສ່ວນຫນຶ່ງຂອງຫນ້າເວັບຄວນໄດ້ຮັບການແຕ່ງຕັ້ງ. ຕົວເລືອກມີຫນຶ່ງຫຼືຫຼາຍຄຸນສົມບັດທີ່ກໍານົດວິທີທີ່ HTML ທີ່ ເລືອກຈະຖືກສະໄຕ.
ຕົວເລືອກ CSS
ມີຕົວເລືອກຕ່າງໆທີ່ແຕກຕ່າງກັນຫຼາຍ:
- ຄັດເລືອກຕົວເລືອກ - ການຈັບຄູ່ກັບອົງປະກອບສະເພາະ
- ອົງປະກອບທີ່ຄັດເລືອກເອົາແບບຄັດເລືອກທີ່ມີຊັ້ນຮຽນສະເພາະ
- ຕົວເລືອກ ID ທີ່ກົງກັບອົງປະກອບທີ່ມີ ID ສະເພາະ
- ຕົວເລືອກ descendant - ອົງປະກອບການຈັບຄູ່ທີ່ເປັນລູກຫລານຂອງອົງປະກອບສະເພາະ
- ອົງປະກອບທີ່ຄັດເລືອກເອົາເດັກນ້ອຍທີ່ເປັນລູກຂອງອົງປະກອບສະເພາະ
- ຕົວເລືອກທົ່ວໄປທີ່ສອດຄ້ອງກັບອົງປະກອບໃດຫນຶ່ງ
- ອົງປະກອບທີ່ຄັດເລືອກຄູ່ເລືອກທີ່ຢູ່ໃກ້ຄຽງກ່ອນຫນ້ານີ້ໂດຍສ່ວນປະກອບສະເພາະໃດຫນຶ່ງ
- attribute selectors-matching elements with attribute or attribute specific
- ອົງປະກອບຄັດເລືອກຄັດເລືອກ pseudo-class ທີ່ມີຊັ້ນ pseudo ສະເພາະ
- ອົງປະກອບທີ່ຄັດເລືອກເອົາຫົວຂໍ້ pseudo-element ທີ່ມີຄຸນສົມບັດ pseudo-element ສະເພາະ
ຮູບແບບ CSS Styles ແລະ CSS ເລືອກ
ຮູບແບບຂອງແບບ CSS ມີລັກສະນະເຊັ່ນ:
selector {property style: style }
ແຍກຕົວເລືອກຫຼາຍທີ່ມີແບບດຽວກັບໂຄຣມ. ນີ້ເອີ້ນວ່າກຸ່ມການຄັດເລືອກ. ຍົກຕົວຢ່າງ:
selector1 , selector2 {property style: style }
ຕົວເລືອກການຈັດກຸ່ມແມ່ນກົນໄກການຫຍໍ້ທໍ້ເພື່ອຮັກສາແບບ CSS ຂອງທ່ານ.
ກຸ່ມທີ່ຢູ່ຂ້າງເທິງຈະມີຜົນດຽວກັນກັບ:
selector1 {property style: style }
selector2 {style property: style }
Always Test Your Selectors CSS
ບໍ່ແມ່ນຕົວທ່ອງເວັບທັງຫມົດສະຫນັບສະຫນູນຕົວເລືອກ CSS ທັງຫມົດ. ດັ່ງນັ້ນໃຫ້ແນ່ໃຈວ່າຈະທົດສອບຕົວເລືອກຂອງທ່ານໃນຕົວທ່ອງເວັບຫຼາຍໆລະບົບປະຕິບັດການຕາມທີ່ທ່ານສາມາດເຮັດໄດ້. ແຕ່ຖ້າທ່ານກໍາລັງໃຊ້ຕົວເລືອກ CSS 1 ຫຼື CSS2 ທ່ານຄວນປັບໄຫມ.