Bản dịch này chưa hoàn thành. Xin hãy giúp dịch bài viết này từ tiếng Anh.

Trong CSS, Tuyển Viên dùng để  chọn những HTML phần tử của trang web mà chúng ta muốn tăng phong độ.  CSS có đủ mọi loại tuyển viên, cho phép ta lựa chọn với một chính xác cực độ những phần tử được trang điểm. Trong những bài tường luận kế tiếp chúng ta sẻ đi vào chi tiết của đủ mọi loại tuyển khác nhau, để xem chúng hoạt động như thế nào. 

Prerequisites: Basic computer literacy, basic software installed, basic knowledge of working with files, HTML basics (study Introduction to HTML), and an idea of How CSS works.
Objective: To learn how CSS selectors work in detail.

The basics

Trong bài sau cùng chúng ta được hướng dẩn với nhiều chi tiết tổng quát về cú pháp và từ ngữ của CSS. Để tóm lược, (nhóm) tuyển viên là phần đầu của một lập luật CSS, đi trước khối khai báo CSS.

Different types of selectors

Selectors can be divided into the following categories:

  • Simple selectors: Match one or more elements based on element type, class, or id.
  • Attribute selectors: Match one or more elements based on their attributes/attribute values.
  • Pseudo-classes: Match one or more elements that exist in a certain state, such as an element that is being hovered over by the mouse pointer, or a checkbox that is currently disabled or checked, or an element that is the first child of its parent in the DOM tree.
  • Pseudo-elements: Match one or more parts of content that are in a certain position in relation to an element, for example the first word of each paragraph, or generated content appearing just before an element.
  • Combinators: These are not exactly selectors themselves, but ways of combining two or more selectors in useful ways for very specific selections. So for example, you could select only paragraphs that are direct descendants of divs, or paragraphs that come directly after headings.
  • Multiple selectors: Again, these are not separate selectors; the idea is that you can put multiple selectors on the same CSS rule, separated by commas, to apply a single set of declarations to all the elements selected by those selectors.

Selectors article overview

The next four articles all explore different aspects of selectors — we've broken this information up because there is a lot of it, and we wanted to make it less intimidating and give you some clear points to take breaks mid-learning. The articles are as follows:

You are strongly advised to tackle simple selectors first, in case you miss any pertinent information.


In this module


Document Tags and Contributors

Những người đóng góp cho trang này: viduino
Cập nhật lần cuối bởi: viduino,