CSS reference

Sử dụng tham chiếu CSS này để duyệt qua chỉ mục theo thứ tự bảng chữ cái của tất cả các thuộc tính, lớp giả, phần tử giả, kiểu dữ liệu, ký hiệu hàm và at-rule tiêu chuẩn của CSS. Bạn cũng có thể duyệt qua các khái niệm CSS chính và danh sách bộ chọn được tổ chức theo loại. Ngoài ra còn có tham chiếu ngắn gọn về DOM-CSS / CSSOM.

Cú pháp quy tắc cơ bản

Cú pháp quy tắc kiểu

style-rule ::=
    selectors-list {
      properties-list
    }

Trong đó:

selectors-list ::=
    selector[:pseudo-class] [::pseudo-element]
    [, selectors-list]

properties-list ::=
    [property : value] [; properties-list]

Xem chỉ mục của bộ chọn, lớp giả, và phần tử giả bên dưới. Cú pháp cho mỗi giá trị được chỉ định phụ thuộc vào kiểu dữ liệu được định nghĩa cho mỗi thuộc tính được chỉ định.

Ví dụ quy tắc kiểu

css

strong {
  color: red;
}

div.menu-bar li:hover > ul {
  display: block;
}

Để có phần giới thiệu cấp độ người mới bắt đầu về cú pháp của bộ chọn, hãy xem hướng dẫn về Bộ chọn CSS. Lưu ý rằng bất kỳ lỗi cú pháp nào trong định nghĩa quy tắc sẽ làm mất hiệu lực toàn bộ quy tắc đó. Các quy tắc không hợp lệ bị trình duyệt bỏ qua. Lưu ý rằng định nghĩa quy tắc CSS hoàn toàn dựa trên văn bản (Unicode), trong khi DOM-CSS / CSSOM (hệ thống quản lý quy tắc) dựa trên đối tượng.

Cú pháp at-rule

Do cấu trúc của at-rule thay đổi đáng kể, vui lòng xem At-rule để tìm cú pháp của at-rule cụ thể bạn muốn.

Chỉ mục

Note: Chỉ mục này không bao gồm các thuộc tính trình bày dành riêng cho SVG, có thể được sử dụng như các thuộc tính CSS trên các phần tử SVG.

Note: Tên thuộc tính trong chỉ mục này không bao gồm các tên JavaScript khác với tên tiêu chuẩn CSS.

-

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

quotes

R

S

T

U

V

W

X

Y

Z

Bộ chọn

Sau đây là các bộ chọn khác nhau, cho phép các kiểu phụ thuộc vào nhiều tính năng khác nhau của các phần tử trong DOM.

Bộ chọn cơ bản

Bộ chọn cơ bản là các bộ chọn cơ sở; đây là các bộ chọn cơ bản nhất thường được kết hợp để tạo ra các bộ chọn phức tạp hơn.

Bộ chọn nhóm

Danh sách bộ chọn A, B: Chỉ định rằng cả phần tử A và B đều được chọn. Đây là phương thức nhóm để chọn nhiều phần tử phù hợp.

Bộ kết hợp

Bộ kết hợp là các bộ chọn thiết lập mối quan hệ giữa hai hoặc nhiều bộ chọn đơn giản, chẳng hạn như "A là con của B" hoặc "A ở liền kề với B", tạo ra một bộ chọn phức tạp.

Bộ kết hợp anh em kế tiếp A + B: Chỉ định rằng các phần tử được chọn bởi cả A và B có cùng cha và phần tử được chọn bởi B ngay sau phần tử được chọn bởi A theo chiều ngang.
Bộ kết hợp anh em tiếp theo A ~ B: Chỉ định rằng các phần tử được chọn bởi cả A và B có cùng cha và phần tử được chọn bởi A xuất hiện trước - nhưng không nhất thiết là ngay trước - phần tử được chọn bởi B.
Bộ kết hợp con trực tiếp A > B: Chỉ định rằng phần tử được chọn bởi B là con trực tiếp của phần tử được chọn bởi A.
Bộ kết hợp hậu duệ A B: Chỉ định rằng phần tử được chọn bởi B là hậu duệ của phần tử được chọn bởi A, nhưng không nhất thiết là con trực tiếp.
Bộ kết hợp cột A || B Experimental: Chỉ định rằng phần tử được chọn bởi B nằm trong cột bảng được chỉ định bởi A. Các phần tử trải dài nhiều cột được coi là thành viên của tất cả các cột đó.