CSS Almanac 2025, Tháng Sáu

: trình giữ chỗ-hiển thị - Thủ thuật CSS

: trình giữ chỗ-hiển thị - Thủ thuật CSS

Lớp giả do chỗ dành sẵn hiển thị tự chọn phần tử đầu vào khi văn bản chỗ dành sẵn tồn tại trong một đầu vào biểu mẫu. Hãy coi nó như một "

: người dùng không hợp lệ - Thủ thuật CSS

: người dùng không hợp lệ - Thủ thuật CSS

: User-invalid là một lớp giả CSS nằm trong đề xuất trong bản nháp làm việc Cấp 4 của Bộ chọn CSS chọn một phần tử biểu mẫu dựa trên việc "

: đã thăm - Thủ thuật CSS

: đã thăm - Thủ thuật CSS

Bộ chọn lớp giả: đã truy cập có thể thay đổi một số kiểu trên phần tử liên kết cố định () nếu trình duyệt của người dùng đã truy cập liên kết. "

: hợp lệ - Thủ thuật CSS

: hợp lệ - Thủ thuật CSS

Bộ chọn: hợp lệ cho phép bạn chọn các phần tử có chứa nội dung hợp lệ, được xác định bởi thuộc tính loại của nó. : valid được định nghĩa trong CSS Selectors "

:: trình giữ chỗ - Thủ thuật CSS

:: trình giữ chỗ - Thủ thuật CSS

:: Phần tử giả chỗ dành sẵn (hoặc một lớp giả, trong một số trường hợp, tùy thuộc vào việc triển khai trình duyệt) cho phép bạn tạo kiểu cho văn bản chỗ dành sẵn của một "

:: lựa chọn - Thủ thuật CSS

:: lựa chọn - Thủ thuật CSS

Sử dụng con trỏ của bạn để chọn câu này. Chú ý làm thế nào khi bạn chọn văn bản, một màu nền sẽ lấp đầy khoảng trống? Bạn có thể thay đổi màu nền và "

: read-write /: read-only - Thủ thuật CSS

: read-write /: read-only - Thủ thuật CSS

Các bộ chọn: read-write và: read-only là hai lớp giả có khả năng thay đổi nhằm mục đích làm cho việc tạo kiểu biểu mẫu dễ dàng hơn dựa trên tắt, chỉ đọc và "

Phổ quát - Thủ thuật CSS

Phổ quát - Thủ thuật CSS

Universal Selector là * trong CSS. Nghĩa đen là ký tự dấu hoa thị. Về cơ bản nó là một bộ chọn loại phù hợp với bất kỳ loại nào. Nhập nghĩa là một HTML "

Loại - Thủ thuật CSS

Loại - Thủ thuật CSS

Bộ chọn Loại (đôi khi được gọi là Bộ chọn Loại phần tử) khớp các phần tử với tên nút phần tử tương ứng, chẳng hạn như, và các thẻ. Kiểu"

: target - Thủ thuật CSS

: target - Thủ thuật CSS

Bộ chọn giả: target trong CSS khớp khi hàm băm trong URL và id của một phần tử giống nhau. Ví dụ: nếu URL hiện tại là: "

: bắt buộc - Thủ thuật CSS

: bắt buộc - Thủ thuật CSS

Bộ chọn lớp giả: cần thiết trong CSS cho phép tác giả chọn và tạo kiểu cho bất kỳ phần tử phù hợp nào với thuộc tính bắt buộc. Biểu mẫu có thể dễ dàng chỉ ra "

: root - Thủ thuật CSS

: root - Thủ thuật CSS

Bộ chọn: root cho phép bạn nhắm mục tiêu phần tử "cha" cấp cao nhất trong DOM hoặc cây tài liệu. Nó được định nghĩa trong thông số kỹ thuật Cấp 3 của Bộ chọn CSS "

:: điểm đánh dấu - Thủ thuật CSS

:: điểm đánh dấu - Thủ thuật CSS

Phần tử giả :: marker dùng để tạo kiểu cho điểm đánh dấu phong cách của một phần tử danh sách. Ví dụ: dấu đầu dòng của một

    mặc định (ví dụ: •) hoặc "

: not () - Thủ thuật CSS

: not () - Thủ thuật CSS

Thuộc tính: not () trong CSS là một lớp giả phủ định và chấp nhận một bộ chọn đơn giản hoặc một danh sách bộ chọn làm đối số. Nó khớp với một phần tử không phải là "

: only-of-type - Thủ thuật CSS

: only-of-type - Thủ thuật CSS

Bộ chọn lớp giả: only-of-type trong CSS đại diện cho bất kỳ phần tử nào không có anh chị em của loại đã cho. p: only-of-type (color: red;) Nếu không có thẻ "

: thứ n của loại - Thủ thuật CSS

: thứ n của loại - Thủ thuật CSS

Bộ chọn: thứ n-of-type cho phép bạn chọn một hoặc nhiều phần tử dựa trên thứ tự nguồn của chúng, theo một công thức. Nó được định nghĩa trong Bộ chọn CSS "

: tùy chọn - Thủ thuật CSS

: tùy chọn - Thủ thuật CSS

Lớp giả: tùy chọn nhắm mục tiêu các đầu vào (bao gồm các) không được đặt cụ thể theo yêu cầu (không có thuộc tính bắt buộc). Điều này có thể hữu ích "

: nth-last-child - Thủ thuật CSS

: nth-last-child - Thủ thuật CSS

Bộ chọn: n-last-child cho phép bạn chọn một hoặc nhiều phần tử dựa trên thứ tự nguồn của chúng, theo một công thức. Nó được định nghĩa trong CSS "

: con một - Thủ thuật CSS

: con một - Thủ thuật CSS

Thuộc tính: only-child pseudo-class selector trong CSS đại diện cho một phần tử có phần tử mẹ và phần tử mẹ của nó không có phần tử nào khác "

: ngoài phạm vi - Thủ thuật CSS

: ngoài phạm vi - Thủ thuật CSS

Bộ chọn giả: out-of-range trong CSS khớp với các phần tử đầu vào khi giá trị của chúng nằm ngoài phạm vi được chỉ định là có thể chấp nhận được. input: out-of-range ("

: nth-child - Thủ thuật CSS

: nth-child - Thủ thuật CSS

Bộ chọn: nth-child cho phép bạn chọn một hoặc nhiều phần tử dựa trên thứ tự nguồn của chúng, theo một công thức. / * Chọn mục danh sách đầu tiên * / "

: nth-last-of-type - Thủ thuật CSS

: nth-last-of-type - Thủ thuật CSS

Bộ chọn: n-last-of-type cho phép bạn chọn một hoặc nhiều phần tử dựa trên thứ tự nguồn của chúng, theo một công thức. Nó được định nghĩa trong CSS "

: tiêu điểm nhìn thấy - Thủ thuật CSS

: tiêu điểm nhìn thấy - Thủ thuật CSS

Lớp giả: tiêu điểm có thể nhìn thấy (còn được gọi là lớp giả "Tiêu điểm được chỉ định") là một cách CSS gốc để tạo kiểu cho các phần tử: Có trong tiêu điểm Cần hiển thị "

: diêm () - Thủ thuật CSS

: diêm () - Thủ thuật CSS

Lớp giả: đối sánh được mô tả như một lớp giả chức năng theo thông số kỹ thuật chính thức của Bộ chọn CSS Cấp 4. Nó không phục vụ bất kỳ mục đích nào "

: liên kết - Thủ thuật CSS

: liên kết - Thủ thuật CSS

Bộ chọn: liên kết là một lớp giả nhắm mục tiêu tất cả các phần tử anchor () không được kiểm tra trên một trang. a: link (color: aquamarine;) Ví dụ trên sẽ thay đổi "

: con cuối cùng - Thủ thuật CSS

: con cuối cùng - Thủ thuật CSS

Bộ chọn: last-child cho phép bạn nhắm mục tiêu phần tử cuối cùng trực tiếp bên trong phần tử chứa nó. Nó được định nghĩa trong thông số CSS Selectors Level 3 là "

: trong phạm vi - Thủ thuật CSS

: trong phạm vi - Thủ thuật CSS

Bộ chọn giả: in-range trong CSS khớp với các phần tử đầu vào khi giá trị của chúng nằm trong phạm vi được chỉ định là có thể chấp nhận được. Nó là một phần của CSS "

: lang () - Thủ thuật CSS

: lang () - Thủ thuật CSS

Bộ chọn lớp giả: lang () trong CSS khớp các phần tử dựa trên ngữ cảnh của thuộc tính ngôn ngữ nhất định của chúng. Ngôn ngữ trong HTML, được xác định bởi "

: vô định - Thủ thuật CSS

: vô định - Thủ thuật CSS

: indetermina là một bộ chọn lớp giả trong CSS được đặt tên cho trạng thái không được chọn hoặc không được chọn. Đó là trạng thái ở giữa mà chúng ta có thể "

: là () - Thủ thuật CSS

: là () - Thủ thuật CSS

: is () là tên hiện tại của lớp giả "Phù hợp-Bất kỳ" trong bản nháp làm việc CSS4. Ban đầu, lớp giả này được đặt tên là: any () và đã được triển khai "