Câu hỏi về bộ chọn trong CSS

Câu 1: Để định nghĩa bộ chọn lớp, sử dụng cấu trúc nào sau đây?

• #Tên_bộ_chọn_lớp { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

• Phần tử.Tên_bộ_chọn_lớp { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

• .Tên_bộ_chọn_lớp { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

• #Tên định danh { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

Câu 2: Cho các cấu trúc sau, đâu là bộ chọn định danh:

• Tên định danh { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

• Phần tử.Tên_bộ_chọn_lớp { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

• .Tên_bộ_chọn_lớp { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

• #Tên định danh { thuộc tính 1: giá trị;…; thuộc tính n: giá trị;}

Câu 3: Để áp dụng bộ chọn lớp cho các phần tử HTML, cần khai báo thuộc tính nào của phần tử HTML đó.

• class

• id

• style

• name

Câu 4: Sự khác biệt giữa bộ chọn lớp (class) và bộ chọn định danh (ID) là:

• Bộ chọn định danh được tạo bằng dấu chấm (.) và bộ chọn lớp sử dụng ký hiệu #.

• Bộ chọn lớp chỉ được sử dụng một lần trong khi bộ chọn định danh có thể được áp dụng nhiều lần trên HTML.

• Bộ chọn lớp có thể được sử dụng bởi nhiều phần tử HTML, trong khi Bộ chọn định danh chỉ được sử dụng bởi một phần tử HTML duy nhất trên trang.

• Bộ chọn lớp sử dụng cho CSS External, bộ chọn định danh sử dụng cho CSS Internal

Câu 5: Bộ chọn định danh trong CSS được sử dụng để áp dụng quy tắc kiểu cho:

• Các phần tử có cùng lớp.

• ID của phần tử.

• Các phần tử con trực tiếp

• Các phần tử có cùng tên

Để áp dụng bộ chọn định danh cho phần tử HTML, cần khai báo thuộc tính nào của phần tử HTML đó.

• class

• id

• style

• name

Quan sát hình bên, để thay đổi màu văn bản của phần tử <li>

• đầu tiên thành màu đỏ, câu lệnh css cần sử dụng là:

• .maudo { color: red; }

• #maudo { color: red; }

• li > maudo { color: red; }

• maudo{color:red};

Bộ chọn định danh dùng để:

• Áp dụng định dạng cho một số phần tử được chọn.

• Áp dụng định dạng cho một phần tử cụ thể.

• Áp dụng định dạng cho một nhóm phần tử.

• Áp dụng định dạng cho tất cả các phần tử.

Để sử dụng bộ chọn cho một phần tử duy nhất trên trang HTML ta sử dụng;

• Bộ chọn lớp

• Bộ chọn định danh

• Bộ chọn lớp cho một loại phần tử

• Tất cả các phương án trên

Để định nghĩa bộ chọn lớp cho một loại phần tử HTML, sử dụng cấu trúc:

• Tên_phần_tử>Tên bộ chọn {//khai báo thuộc tính}

• Tên_phần_tử.Tên bộ chọn {//khai báo thuộc tính}

• Tên_phần_tử#Tên bộ chọn {//khai báo thuộc tính}

• Tên_phần_tử