Thiết kế web_Buổi 8

Để chọn tất cả các thẻ <p> nằm bên trong một thẻ <div> có class là "content", bạn dùng bộ chọn nào?

• div.content p
• div .content p
• .content > p
• #content p

Để định dạng cho một liên kết <a> khi người dùng di chuột lên trên nó, bạn sử dụng pseudo-class nào?

• a:visited
• a:hover
• a:active
• a:link

Mã màu HEX nào sau đây đại diện cho màu đỏ thuần?

• #FF0000
• #00FF00
• #0000FF
• #FFFFFF

Để chọn phần tử <li> là con trực tiếp đầu tiên của một danh sách <ul>, bạn dùng bộ chọn nào?

• ul li:first
• ul > li:first-child
• ul li:first-of-type
• ul:first-child

Giá trị `rgba(0, 0, 255, 0.5)` sẽ hiển thị màu gì?

• Màu xanh dương đục
• Màu đỏ trong suốt
• Màu xanh dương trong suốt 50%
• Màu xanh lá cây mờ

Bộ chọn `h2 + p` sẽ áp dụng định dạng cho phần tử nào?

• Tất cả các thẻ <p> là con của <h2>
• Thẻ <p> đầu tiên ngay sau thẻ <h2>
• Tất cả các thẻ <p> nằm sau thẻ <h2>
• Thẻ <h2> và thẻ <p> liền kề

Để chọn tất cả các phần tử <input> có thuộc tính `type` là "text", bạn dùng bộ chọn nào?

• input[type="text"]
• input.type="text"
• input(type="text")
• input-text

Để làm cho văn bản của một đoạn <p> có id là "intro" chuyển thành màu xanh lá, cách viết nào đúng?

• .intro { color: green; }
• p#intro { color: green; }
• intro { color: green; }
• p.intro { color: green; }

Trong mô hình màu HSL, `hsl(120, 100%, 50%)` đại diện cho màu gì?

• Màu xanh dương
• Màu đỏ
• Màu vàng
• Màu xanh lá cây

Bộ chọn `:nth-child(2n)` sẽ chọn những phần tử nào?

• Các phần tử ở vị trí lẻ (1, 3, 5,...)
• Các phần tử ở vị trí chẵn (2, 4, 6,...)
• Chỉ phần tử thứ hai
• Tất cả các phần tử là con thứ hai