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 Show
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àyBắt đầu học với các khóa học MIỄN PHÍ của chúng tôi Đăng ký ngayCác loại bộ chọnCó nhiều loại bộ chọn khác nhau trong CSS. họ đang
Bộ chọn phần tử CSSBộ 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Để trở thành chuyên gia về MEAN Stack Xem khóa họcBộ chọn ID CSSBộ 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 CSSBộ 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 CSSBộ 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 CSSBộ 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ậnBộ 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 đầuNameDatePlaceFull Stack Developer - MEAN StackCohort bắt đầu vào ngày 16 tháng 2 năm 2023,Đợt cuối tuầnChi tiết CityView của bạnKhóa học dành cho nhà phát triển ngăn xếp trung bình tại SingaporeCohort bắt đầu vào ngày 3 tháng 4 năm 2023, Đợt cuối tuầnSingaporeXem chi tiếtNhà phát triển Full Stack - MEAN StackCohort bắt đầu vào ngày 19 tháng 4 năm 2023, Lô hàng cuối tuầnChi tiết CityView của bạn Giới thiệu về tác giảAryan GuptaAryan 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 5 bộ chọn CSS là gì?Có một số loại bộ chọn khác nhau trong CSS. . Bộ chọn phần tử CSS Bộ chọn Id CSS Bộ chọn lớp CSS Bộ chọn chung CSS Bộ chọn nhóm CSS 4 bộ chọn CSS là gì?Bộ chọn CSS . Bộ chọn đơn giản (chọn các phần tử dựa trên tên, id, lớp) Bộ chọn tổ hợp (chọn các phần tử dựa trên mối quan hệ cụ thể giữa chúng) Bộ chọn lớp giả (chọn các phần tử dựa trên một trạng thái nhất định) Bộ chọn phần tử giả (chọn và tạo kiểu cho một phần của phần tử) Có bao nhiêu bộ chọn CSS?Có 6 các loại bộ chọn CSS.
Ba bộ chọn CSS là gì?Ba bộ chọn CSS phổ biến nhất là Bộ chọn id, Bộ chọn lớp và Bộ chọn phần tử . |