CSS Almanac 2025, Tháng BảY

Bộ chọn #id cho phép bạn nhắm mục tiêu một phần tử bằng cách tham chiếu thuộc tính id HTML. Tương tự như cách các thuộc tính lớp được biểu thị trong CSS bằng "dấu chấm" "

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

Bộ tổ hợp anh chị em chung (~) trong CSS trông giống như sau khi sử dụng: .featured-image ~ p (font-size: 90%;) Trong ví dụ đó, bạn sẽ chọn tất cả "

Lớp giả: focus trong CSS được sử dụng để tạo kiểu cho một phần tử hiện đang được nhắm mục tiêu bởi bàn phím hoặc được kích hoạt bởi chuột. Đây là một ví dụ:"

Bộ chọn giả: focus-inside trong CSS hơi bất thường, mặc dù được đặt tên tốt và khá trực quan. Nó chọn một phần tử nếu phần tử đó chứa bất kỳ "

Bộ chọn: first-of-type trong CSS cho phép bạn nhắm mục tiêu lần xuất hiện đầu tiên của một phần tử trong vùng chứa của nó. Nó được định nghĩa trong CSS Selectors Level 3 "

Lớp pseudo: hover trong CSS chọn các phần tử khi con trỏ chuột hiện qua chúng. Nó thường được liên kết với liên kết () "

:: Phần tử giả dòng đầu tiên dùng để áp dụng kiểu cho dòng đầu tiên của phần tử. Hãy tưởng tượng một đoạn văn dài vài dòng (như đoạn này!). "

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

:: chữ cái đầu tiên là một phần tử giả cho phép bạn định kiểu chữ cái đầu tiên trong phần tử mà không cần gắn thẻ xung quanh phần tử đó trước "

Bộ chọn: trống sẽ chọn các phần tử không chứa gì hoặc chỉ có một chú thích HTML. div: blank (display: none;) Sẽ khớp với "

Một tổ hợp con trong CSS là ký hiệu "lớn hơn", nó trông giống như sau: ol> li (color: red;) Nó có nghĩa là "chọn các phần tử là con trực tiếp"

Lớp giả: được kích hoạt trong CSS chọn các phần tử có thể lấy tiêu điểm không bị tắt và do đó được bật. Nó chỉ được liên kết với các phần tử biểu mẫu "

Bộ chọn lớp trong CSS bắt đầu bằng dấu chấm (.), Như sau: .class () Bộ chọn lớp chọn tất cả các phần tử có thuộc tính lớp phù hợp. Ví dụ,"

Lớp giả: dir () trong CSS cho phép các phần tử được chọn dựa trên hướng của ngôn ngữ, như được xác định trong đánh dấu HTML. Thực sự có "

Bộ chọn lớp giả: bị vô hiệu hóa cung cấp kiểu có điều kiện cho các phần tử HTML có thể nhận đầu vào của người dùng, khi các phần tử bị vô hiệu hóa "

Một bộ chọn con trong CSS là bất kỳ bộ chọn nào có khoảng trắng giữa hai bộ chọn không có dấu tổ hợp. Dưới đây là một số ví dụ: ul li () header h2 () "

Công cụ chọn giả: mặc định sẽ khớp với giá trị mặc định trong một nhóm các phần tử được liên kết, chẳng hạn như nút radio trong một nhóm các nút được chọn bởi "

Lớp giả: đã kiểm tra trong CSS chọn các phần tử khi chúng ở trạng thái đã chọn. Nó chỉ được liên kết với các phần tử input () của loại radio và "

Lớp giả: trống được xây dựng dựa trên: lớp giả trống. Như: blank,: blank sẽ chọn các phần tử không chứa gì hoặc chỉ chứa HTML "

Có rất nhiều cách để bạn có thể chọn các phần tử trong CSS. Lựa chọn cơ bản nhất là theo tên thẻ, như p (). Hầu hết mọi thứ cụ thể hơn một thẻ "

Phần tử giả :: before và :: after trong CSS cho phép bạn chèn nội dung vào một trang mà không cần phải có trong HTML. Trong khi kết quả cuối cùng không phải là "

Div (z-index: 1; / * integer * /) Thuộc tính z-index trong CSS kiểm soát thứ tự xếp chồng dọc của các phần tử chồng lên nhau. Như trong, cái nào xuất hiện dưới dạng "

Lớp giả: any-link trong CSS cung cấp một phương pháp để chọn các phần tử là nguồn neo của một siêu kết nối. Nếu thuật ngữ nguồn neo làm mất bạn, "

Bộ chọn giả: hoạt động thay đổi giao diện của một liên kết trong khi nó đang được kích hoạt (đang được nhấp vào hoặc được kích hoạt theo cách khác). Nó thường chỉ được nhìn thấy "

Bộ tổ hợp anh chị em kế cận trong CSS không phải là một bộ chọn của riêng nó, mà là một cách kết hợp hai bộ chọn. Ví dụ: p + p (margin: 0;) Dấu cộng "

Thuộc tính width trong CSS chỉ định chiều rộng của vùng nội dung của phần tử. Vùng "nội dung" này là phần bên trong phần đệm, đường viền và lề của "

Thuộc tính khoảng trắng kiểm soát cách xử lý văn bản trên phần tử mà nó được áp dụng. Giả sử bạn có HTML chính xác như sau: Một loạt các từ bạn "

Thuộc tính thu phóng trong CSS cho phép bạn chia tỷ lệ nội dung của mình. Nó không phải là tiêu chuẩn và ban đầu chỉ được triển khai trong Internet Explorer. Mặc dù một số "

Thuộc tính giãn cách từ tương tự như khoảng cách giữa các chữ cái, mặc dù tự nhiên việc sử dụng nó chi phối lượng khoảng cách giữa các từ trong một đoạn văn bản, chứ không phải "