ຄູ່ມືການອະທິບາຍການຄັດຄວາມສະໜັບສະໜູນ

CSS 选择器

CSS 选择器用于“查找”(或选择)您想要设置样式的 HTML 元素。

使用我们的 CSS 选择器测试器来演示不同的选择器。

CSS 简单选择器

简单选择器根据元素名称、id 和类选择元素。此外,还有通用选择器(*)

ການເລືອກຕົວຢ່າງ ການຕົວຢ່າງ ການອະທິບາຍການຕົວຢ່າງ
element p ເລືອກຕົວຢ່າງທັງໝົດ <p>.
#id #firstname ເລືອກຕົວຢ່າງ id="firstname".
* * ເລືອກຕົວຢ່າງທັງໝົດ.
.class .intro ເລືອກຕົວຢ່າງ class="intro".

CSS ການເລືອກຕົວຢ່າງທາງປະສົມປະສານ

ການເລືອກຕົວຢ່າງທາງປະສົມປະສານຂອງອັນດັບ HTML ທີ່ມີຄວາມບັນທຶກຂອງປະສົມປະສານຂອງອັນດັບ.

ການເລືອກຕົວຢ່າງ ການຕົວຢ່າງ ການອະທິບາຍການຕົວຢ່າງ
[attribute] [target] ເລືອກຕົວຢ່າງທີ່ມີຄວາມບັນທຶກ target.
[attribute=value] [target=_blank] ເລືອກຕົວຢ່າງທີ່ມີຄວາມບັນທຶກ target="_blank".
[attribute~=value] [title~=flower] ເລືອກຕົວຢ່າງທີ່ມີຄວາມບັນທຶກ title ບັນຈາບັນທຶກ "flower".
[attribute|=value] [lang|=en] ເລືອກຕົວຢ່າງທີ່ມີຄວາມບັນທຶກ lang ເລີ່ມຈາກ "en".
[attribute^=value] a[href^="https"] ເລືອກຕົວຢ່າງທີ່ມີຄວາມບັນທຶກ href ເລີ່ມຈາກ "https".
[attribute$=value] a[href$=".pdf"] ເລືອກຕົວຢ່າງທີ່ມີຄວາມບັນທຶກ src ທີ່ສິ້ນສຸດດ້ວຍ ".pdf".
[attribute*=value] a[href*="codew3c"] ເລືອກຕົວຢ່າງທີ່ມີຄວາມປະກອບ "abc" ໃນຄວາມບັນທຶກ href.

ການເລືອກຕົວຢ່າງຄົ້ນຄວ້າ CSS ສະເພາະ

ການເລືອກຕົວຢ່າງ ການຕົວຢ່າງ ການອະທິບາຍການຕົວຢ່າງ
& & ນຳໃຊ້ຮູບແບບສຳລັບປະກອບສັນຫາອື່ນໆ