Bộ chọn HTML
Lợi ích của việc này là bạn có thể có cùng một phần tử HTML, nhưng trình bày nó khác nhau tùy thuộc vào lớp hoặc ID của nó Show
Trong CSS, bộ chọn lớp là một tên đứng trước dấu chấm (“. ”) và bộ chọn ID là tên đứng trước ký tự băm (“#”) Vì vậy, CSS có thể trông giống như
Liên kết với chúng tôi. Nếu bạn thấy HTML Dog hữu ích, vui lòng cân nhắc việc liên kết với chúng tôi. HTML đề cập đến CSS bằng cách sử dụng các thuộc tính
Sự khác biệt giữa một ID và một lớp là một ID có thể được sử dụng để xác định một phần tử, trong khi một lớp có thể được sử dụng để xác định nhiều hơn một phần tử. Bạn cũng có thể áp dụng bộ chọn cho một phần tử HTML cụ thể bằng cách chỉ cần nêu rõ bộ chọn HTML trước, do đó, Bộ chọn là một trong những phần quan trọng nhất của CSS. Họ định hình tầng và xác định cách áp dụng các kiểu cho các thành phần trên trang Cho đến gần đây, trọng tâm của CSS chưa bao giờ thực sự chạm vào bộ chọn. Đôi khi sẽ có các bản cập nhật gia tăng trong đặc tả của bộ chọn, nhưng không bao giờ có bất kỳ cải tiến đột phá thực sự nào. May mắn thay, gần đây người ta đã chú ý nhiều hơn đến các bộ chọn, hãy xem cách chọn các loại phần tử và phần tử khác nhau trong các trạng thái sử dụng khác nhau CSS3 đã mang đến các bộ chọn mới, mở ra một thế giới hoàn toàn mới về các cơ hội và cải tiến cho các phương pháp hiện có. Ở đây chúng ta sẽ thảo luận về bộ chọn, cũ và mới, và cách sử dụng chúng tốt nhất Bộ chọn chungTrước khi tìm hiểu quá sâu về một số bộ chọn phức tạp hơn và những bộ chọn được cung cấp trong CSS3, chúng ta hãy xem nhanh một số bộ chọn phổ biến hơn hiện nay. Các bộ chọn này bao gồm bộ chọn loại, lớp và ID Bộ chọn loại xác định một phần tử dựa trên loại của nó, cụ thể là cách phần tử đó được khai báo trong HTML. Bộ chọn lớp xác định một phần tử dựa trên giá trị thuộc tính lớp của nó, giá trị này có thể được sử dụng lại trên nhiều phần tử khi cần thiết để giúp chia sẻ các kiểu phổ biến. Cuối cùng, bộ chọn ID xác định một thành phần dựa trên giá trị thuộc tính ID của nó, giá trị này là duy nhất và chỉ được sử dụng một lần trên mỗi trang CSS
|