Mục đích của bộ chọn css là gì?

Cascading Style Sheet, còn được gọi là CSS là một ngôn ngữ thiết kế nhằm đơn giản hóa quá trình làm cho các trang web có thể hiển thị được. Bộ chọn được sử dụng để chọn các thành phần và tạo kiểu cho chúng phù hợp. Bài viết này sẽ thảo luận về các bộ chọn và các loại của chúng

Bộ chọn là gì?

Bộ chọn trong CSS là một phần của bộ quy tắc CSS, về cơ bản được sử dụng để chọn phần tử bạn muốn tạo kiểu. Bộ chọn CSS chọn các thành phần HTML theo id, lớp, loại, thuộc tính, v.v.

Nổi bật so với các đồng nghiệp của bạn trong mùa đánh giá này

Các loại bộ chọn

Có nhiều loại bộ chọn khác nhau trong CSS. họ đang

1. Bộ chọn phần tử CSS
2. Bộ chọn Id CSS
3. Bộ chọn lớp CSS
4. Bộ chọn chung CSS
5. Bộ chọn nhóm CSS

Bộ chọn phần tử CSS

Bộ chọn phần tử chọn các phần tử HTML theo tên

All the

elements will be center-aligned with red text and a font size of 25 pixels.

Khóa học Full Stack Web Developer

Bộ chọn ID CSS

Bộ chọn id chọn phần tử dựa trên thuộc tính id.  

Id của một phần tử là duy nhất trong trang, vì vậy bộ chọn id được sử dụng để chọn phần tử duy nhất

Nó được viết bằng ký tự băm (#), theo sau là id của một phần tử

Đoạn có 'id1' sẽ được tạo kiểu và tất cả các thành phần khác vẫn giữ nguyên

Bộ chọn lớp CSS

Bộ chọn lớp chọn phần tử dựa trên thuộc tính lớp.  

Nó được viết với một ký tự dấu chấm (. ), theo sau là tên lớp

Như bạn có thể thấy, kiểu chỉ được áp dụng cho “class1”

Nếu bạn chỉ muốn 1 phần tử cụ thể bị ảnh hưởng bởi hành động, thì bạn nên sử dụng tên phần tử với bộ chọn lớp. Hãy hiểu điều này với một ví dụ

Bạn có thể thấy h1 và h2 được tạo kiểu khác nhau

Bộ chọn chung CSS

Bộ chọn chung (*), chọn tất cả các phần tử HTML trên trang

Tất cả các yếu tố được chọn trên trang

Bộ chọn nhóm CSS

Bộ chọn nhóm được sử dụng để chọn tất cả các phần tử có cùng định nghĩa kiểu.  

Dấu phẩy dùng để ngăn cách các phần tử trong nhóm

Tất cả các phần tử có cùng kiểu có thể được tạo kiểu cùng một lúc

Có kỹ năng về HTML5 và CSS3 với. Click để xem chi tiết chương trình

Phần kết luận

Bộ chọn trong CSS cho phép bạn duy trì quyền kiểm soát đối với quy trình tùy chỉnh và mã khi tạo một trang web từ đầu. Đầu tư thời gian vào việc học và thử nghiệm các bộ chọn CSS khác nhau sẽ cho phép bạn tạo kiểu cho trang web một cách hiệu quả với ít mã hơn và thời gian tải nhanh hơn.  

Tìm Full Stack Developer của chúng tôi - MEAN Stack Bootcamp trực tuyến tại các thành phố hàng đầu

Thông tin về các Tác giả

Aryan là một người đam mê công nghệ, thích cập nhật các xu hướng công nghệ ngày nay. Anh ấy đam mê tất cả mọi thứ về công nghệ, một nhà nghiên cứu sắc sảo và viết để truyền cảm hứng. Bên cạnh công nghệ, anh ấy là một cầu thủ bóng đá tích cực và là một người đam mê trò chơi

Mục đích của bộ chọn là gì?

Bộ chọn loại CSS là gì?

Mục đích của bộ chọn HTML là gì?

Làm cách nào để sử dụng bộ chọn phần tử trong CSS?