ການນຳເອົາຄຳຂັດແຍ່ງສູງສູງ CSS

ການຂະຫຍາຍຄຳເລືອກຕົວ

ທ່ານສາມາດກຳນົດການຂະຫຍາຍຄຳເລືອກຕົວ, ແຕ່ຫົວໜ້າທີ່ຖືກຂະຫຍາຍຈະເປັນການກະກຽມການອອກຖະແຫຼງທີ່ດຽວ. ນຳໃຊ້ຄວັນແນວໂນ້ມ ເພື່ອສະແດງຄຳເລືອກຕົວທີ່ຕ້ອງຂະຫຍາຍ. ໃນຄັ້ງນີ້, ພວກເຮົາຂະຫຍາຍຫົວໜ້າທຸກຢ່າງ. ທຸກຫົວໜ້າຈະເປັນເລືອກຕົວສີຂຽວ.

h1, h2, h3, h4, h5, h6 {
  color: green;
  }

ການຖືກຂະຫຍາຍ ແລະ ບັນຫາ

ຕາມ CSS, ສິ່ງລູກຈະຖືກຂະຫຍາຍພາສາບັນດາຈຸດຈາກສິ່ງປົກຄອງ. ແຕ່ມັນບໍ່ເວົ້າຕາມນັ້ນບໍ່. ເບິ່ງກົດລະບຽບທີ່ຖືກລົງຄະແນນນີ້:

body {
     font-family: Verdana, sans-serif;
     }

ຕາມກົດລະບຽບນີ້, ສິ່ງ body ຂອງຫ້ອງວາງຈະໃຊ້ເອກະສານ Verdana (ຖ້າລະບົບຂອງຜູ້ເຂົ້າຫາມີເອກະສານນັ້ນ).

ການວາງການຖືກຂະຫຍາຍ CSS, ສິ່ງລູກຈະຖືກຂະຫຍາຍພາສາບັນດາຈຸດຊະນວນສູງສຸດ (ໃນຄັ້ງນີ້ແມ່ນ body) ທີ່ມີ (ສິ່ງລູກນັ້ນແມ່ນ p, td, ul, ol, ul, li, dl, dt, ແລະ dd). ບໍ່ຕ້ອງວາງກົດລະບຽບອື່ນໆ, ທຸກສິ່ງລູກຂອງ body ຄວນຈະສະແດງເປັນເອກະສານ Verdana, ສິ່ງລູກຂອງສິ່ງລູກຄວນຄວນຈະຄືກັນ. ແລະໃນສະເຫນີທັງໝົດຂອງການວາງການເບິ່ງ, ດັ່ງນັ້ນຈະເປັນຫຍັງ.

ແຕ່ໃນສະຕະວັດສົງຄາມຂອງການອຸກອານານິຄົມເບີຣາສ 4 ດັ່ງນັ້ນບໍ່ໄດ້ເກີດຂຶ້ນບໍ່. ໃນເວລານັ້ນ ການສະໜັບສະໜູນພາສາບໍ່ແມ່ນຄຳສັ່ງທີ່ສຳຄັນຂອງບໍລິສັດ. ຕົວຢ່າງ Netscape 4 ບໍ່ສະໜັບສະໜູນການຖືກຂະຫຍາຍ, ບໍ່ພຽງແຕ່ລະລະດັບຖືກລົບໄປ ຍັງບໍ່ສະໜັບສະໜູນກົດລະບຽບທີ່ນຳໃຊ້ສຳລັບເອກະສານ body. IE/Windows ຈົນເຖິງ IE6 ຍັງມີບັນຫາດັ່ງກ່າວ. ກົດລະບຽບຖົງບາງຫົວໜ້າຈະຖືກລົບໄປ. ພວກເຮົາຈະເຮັດຫຍັງ?

ສະແດງຄວາມນັກຮັກສາ Netscape 4

ພວກເຮົາສາມາດໃຊ້ກົດລະບຽບ "Be Kind to Netscape 4" ເພື່ອຈັດການບັນຫາທີ່ການວາງການຖືກຂະຫຍາຍບໍ່ໄດ້ຮັບການຍອມຮັບຈາກສາຍລົດເບີຣາສເວ 4.

body  {
     font-family: Verdana, sans-serif;
     }
p, td, ul, ol, li, dl, dt, dd  {
     font-family: Verdana, sans-serif;
     }

4.0 浏览器无法理解继承，不过他们可以理解组选择器。这么做虽然会浪费一些用户的带宽，但是如果需要对 Netscape 4 用户进行支持，就不得不这么做。

继承是一个诅咒吗？

如果你不希望 "Verdana, sans-serif" 字体被所有的子元素继承，又该怎么做呢？比方说，你希望段落的字体是 Times。没问题。创建一个针对 p 的特殊规则，这样它就会摆脱父元素的规则：

body  {
     font-family: Verdana, sans-serif;
     }
td, ul, ol, ul, li, dl, dt, dd  {
     font-family: Verdana, sans-serif;
     }
p  {
     font-family: Times, "Times New Roman", serif;
     }