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
Bắ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ọn
Có nhiều loại bộ chọn khác nhau trong CSS. họ đang
- 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
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
Để trở thành chuyên gia về MEAN Stack Xem khóa họcBộ 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
NameDatePlaceFull Stack Developer - MEAN StackCohort bắt đầu vào ngày 1 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 16 tháng 2 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 9 tháng 3 năm 2023,
Lô hàng cuối tuầnChi tiết CityView của bạn
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