Hướng dẫn what is a css selector used for? - bộ chọn css được sử dụng để làm gì?
Bộ chọn CSS chọn (các) phần tử HTML bạn muốn tạo kiểu. Show Bộ chọn CSSBộ chọn CSS được sử dụng để "tìm" (hoặc chọn) các phần tử HTML bạn muốn tạo kiểu. Chúng ta có thể chia các bộ chọn CSS thành năm loại:
Trang này sẽ giải thích các bộ chọn CSS cơ bản nhất. Bộ chọn phần tử CSSBộ chọn phần tử chọn các phần tử HTML dựa trên tên phần tử. Thí dụỞ đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp; p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; } Hãy tự mình thử » Bộ chọn ID CSSBộ chọn ID sử dụng thuộc tính ID của phần tử HTML để chọn một phần tử cụ thể. ID của một phần tử là duy nhất trong một trang, vì vậy bộ chọn ID được sử dụng để chọn một phần tử duy nhất! Để chọn một phần tử có ID cụ thể, hãy viết ký tự băm (#), theo sau là ID của phần tử. Thí dụỞ đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp; p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; } Hãy tự mình thử » Bộ chọn ID CSS An id name cannot start with a number! Bộ chọn ID sử dụng thuộc tính ID của phần tử HTML để chọn một phần tử cụ thể.ID của một phần tử là duy nhất trong một trang, vì vậy bộ chọn ID được sử dụng để chọn một phần tử duy nhất! Để chọn một phần tử có ID cụ thể, hãy viết ký tự băm (#), theo sau là ID của phần tử. Thí dụỞ đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp; p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; } Hãy tự mình thử » Bộ chọn ID CSS Thí dụỞ đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp; p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; } Hãy tự mình thử » Bộ chọn ID CSS Thí dụỞ đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp; p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; } Hãy tự mình thử » Bộ chọn ID CSS A class name cannot start with a number! Bộ chọn ID sử dụng thuộc tính ID của phần tử HTML để chọn một phần tử cụ thể.ID của một phần tử là duy nhất trong một trang, vì vậy bộ chọn ID được sử dụng để chọn một phần tử duy nhất! Thí dụỞ đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp; p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; } Hãy tự mình thử » Bộ chọn ID CSSBộ chọn ID sử dụng thuộc tính ID của phần tử HTML để chọn một phần tử cụ thể. ID của một phần tử là duy nhất trong một trang, vì vậy bộ chọn ID được sử dụng để chọn một phần tử duy nhất! Để chọn một phần tử có ID cụ thể, hãy viết ký tự băm (#), theo sau là ID của phần tử. Quy tắc CSS bên dưới sẽ được áp dụng cho phần tử HTML với id = "para1": & nbsp; #para1 {& nbsp; & nbsp; văn bản-align: centre; & nbsp; & nbsp; màu: đỏ; } Lưu ý: Tên ID không thể bắt đầu với một số! Bộ chọn lớp CSS Thí dụỞ đây, tất cả các yếu tố trên trang sẽ được liên kết giữa, với màu văn bản màu đỏ: & nbsp; p {& nbsp; & nbsp; văn bản-align: trung tâm; & nbsp; & nbsp; màu: đỏ; } Hãy tự mình thử » Bộ chọn ID CSS
Tham chiếu chọn CSSSelector ReferenceTrong CSS, các bộ chọn là các mẫu được sử dụng để chọn (các) phần tử bạn muốn tạo kiểu. Sử dụng người kiểm tra bộ chọn CSS của chúng tôi để chứng minh các bộ chọn khác nhau.
|