Đề Trắc nghiệm Tin học 12 – Bài 10: Bộ chọn lớp, bộ chọn định danh (Cánh Diều) Đề 01 Đề 02 Đề 03 Đề 04 Đề 05 Đề 06 Đề 07 Đề 08 Đề 09 Đề 10 0 Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!! Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!! Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 01 Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 01 được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới! Câu 1: Trong CSS, bộ chọn lớp (.class) và bộ chọn định danh (#id) khác nhau cơ bản ở điểm nào liên quan đến việc áp dụng kiểu dáng trên một trang HTML? A. Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh. B. Bộ chọn định danh chỉ dùng cho các phần tử khối (block-level element), còn bộ chọn lớp dùng cho các phần tử nội dòng (inline element). C. Bộ chọn lớp được khai báo bằng dấu #, còn bộ chọn định danh khai báo bằng dấu . D. Bộ chọn lớp có thể áp dụng cho nhiều phần tử, bộ chọn định danh chỉ nên áp dụng cho một phần tử duy nhất. Câu 2: Bạn muốn định dạng một nhóm các đoạn văn (<p>) có nội dung quan trọng với màu chữ đỏ và phông chữ đậm. Bạn nên sử dụng loại bộ chọn nào trong CSS để dễ dàng áp dụng kiểu dáng này cho nhiều đoạn văn? A. Bộ chọn lớp (Class selector) B. Bộ chọn định danh (ID selector) C. Bộ chọn phần tử (Element selector) D. Bộ chọn hậu duệ (Descendant selector) Câu 3: Cho đoạn mã HTML sau: <div id= A. .header { background-color: blue; } B. #header { background-color: blue; } C. div { background-color: blue; } D. header { background-color: blue; } Câu 4: Giả sử bạn có một tệp CSS ngoại tên là style.css. Bạn cần liên kết tệp này với trang HTML của mình để các kiểu dáng được áp dụng. Bạn sẽ đặt dòng mã nào vào phần <head> của tệp HTML? A. <style src= B. <script src= C. <link rel= D. <stylesheet href= Câu 5: Cho đoạn CSS sau:.highlight { color: yellow; }.bold { font-weight: bold; }Nếu một phần tử HTML có thuộc tính class= A. Chỉ có màu chữ vàng (yellow), không in đậm. B. Chỉ in đậm, không có màu chữ vàng. C. Không có kiểu dáng nào được áp dụng do cú pháp sai. D. Có màu chữ vàng (yellow) và in đậm (bold). Câu 6: Bạn đang thiết kế một trang web và có một phần tử <footer> ở cuối trang mà bạn muốn nó có màu nền xám và căn giữa nội dung. Vì chỉ có một phần tử <footer> duy nhất trên trang, loại bộ chọn nào là phù hợp và hiệu quả nhất để định kiểu cho nó? A. Bộ chọn lớp (Class selector) B. Bộ chọn định danh (ID selector) C. Bộ chọn phần tử (Element selector) D. Sử dụng kiểu dáng nội dòng (Inline styles) Câu 7: Độ ưu tiên (Specificity) của bộ chọn định danh (#id) so với bộ chọn lớp (.class) trong CSS là như thế nào? A. Bộ chọn định danh có độ ưu tiên cao hơn bộ chọn lớp. B. Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh. C. Độ ưu tiên của chúng là như nhau. D. Độ ưu tiên phụ thuộc vào thứ tự xuất hiện trong tệp CSS. Câu 8: Cho đoạn mã HTML: <p class= A. Màu xanh lam (blue) B. Màu đỏ (red) C. Không có màu nào được áp dụng D. Màu chữ sẽ thay đổi giữa xanh lam và đỏ Câu 9: Bạn muốn tạo một kiểu dáng CSS chỉ áp dụng cho các phần tử <input> có thuộc tính type= A. input[type= B. input .form-control[type= C. .form-control input[type= D. input, [type= Câu 10: Tại sao việc sử dụng cùng một giá trị cho thuộc tính id trên nhiều phần tử trong một trang HTML lại không được khuyến khích và có thể gây ra vấn đề? A. Vì bộ chọn định danh có độ ưu tiên thấp hơn bộ chọn lớp. B. Vì trình duyệt sẽ không hiển thị các phần tử có ID trùng lặp. C. Vì thuộc tính id phải là duy nhất trên mỗi trang HTML và việc trùng lặp gây khó khăn cho việc xác định phần tử bằng CSS hoặc JavaScript. D. Vì điều đó làm tăng kích thước tệp CSS một cách không cần thiết. Câu 11: Cho đoạn mã HTML: <span class= A. Chỉ có màu chữ xanh (blue) và in đậm (bold). B. Chỉ có cỡ chữ 14px. C. Chỉ có màu chữ xanh (blue) và cỡ chữ 14px. D. Có màu chữ xanh (blue), in đậm (bold) và cỡ chữ 14px. Câu 12: Bạn có một danh sách không thứ tự (<ul>) và muốn định dạng riêng cho mục đầu tiên (<li>) và mục cuối cùng (<li>) trong danh sách đó. Loại bộ chọn nào kết hợp với bộ chọn lớp hoặc định danh sẽ giúp bạn thực hiện việc này một cách hiệu quả? A. Bộ chọn con trực tiếp (Child selector) và bộ chọn anh em liền kề (Adjacent sibling selector). B. Bộ chọn thuộc tính (Attribute selector) và bộ chọn phổ quát (Universal selector). C. Bộ chọn giả lớp (Pseudo-class selector) như :first-child, :last-child. D. Chỉ có thể làm được bằng cách thêm ID hoặc lớp riêng cho từng mục li đầu tiên và cuối cùng. Câu 13: Giả sử bạn có đoạn HTML: <div id= A. Màu xanh lá cây (green) B. Màu tím (purple) C. Màu mặc định (thường là đen) D. Không có màu nào được áp dụng do xung đột. Câu 14: Bạn muốn tạo một lớp CSS tên là .button để định kiểu chung cho tất cả các nút bấm (<button>) trên trang, và một lớp khác tên là .primary để thêm kiểu dáng đặc biệt cho các nút bấm chính. Khi sử dụng cả hai lớp này cho một nút bấm, cú pháp HTML đúng là gì? A. <button class= B. <button class= C. <button class= D. <button class= Câu 15: Cho đoạn CSS: #sidebar { width: 200px; }. Nếu có hai phần tử trên trang cùng có id= A. Cả hai phần tử có thể đều được áp dụng kiểu dáng width: 200px;, nhưng đây là hành vi không chuẩn và không nên làm. B. Chỉ phần tử <body> sẽ được áp dụng kiểu dáng. C. Không có phần tử nào được áp dụng kiểu dáng do có lỗi cú pháp. D. Chỉ phần tử <html> sẽ được áp dụng kiểu dáng. Câu 16: Bạn cần tạo một kiểu dáng CSS chỉ áp dụng cho một phần tử <div> cụ thể mà nó là con trực tiếp của một phần tử khác có ID là #main-content. Bộ chọn nào sau đây mô tả đúng mối quan hệ này? A. #main-content div { ... } B. #main-content > div { ... } C. #main-content + div { ... } D. div #main-content { ... } Câu 17: Cho đoạn HTML: <div id= A. #box { ... } B. .container { ... } C. div { ... } D. div.container { ... } Câu 18: Khi sử dụng bộ chọn lớp trong CSS, tên lớp (ví dụ: .my-class) có thể chứa những ký tự nào? (Chọn đáp án đúng nhất) A. Chỉ chứa chữ cái (a-z, A-Z). B. Chỉ chứa chữ cái và số. C. Chứa chữ cái, số, dấu gạch ngang (-) và dấu gạch dưới (_), không bắt đầu bằng số hoặc dấu gạch ngang theo sau số. D. Có thể chứa bất kỳ ký tự nào ngoại trừ dấu cách. Câu 19: Giả sử bạn áp dụng kiểu dáng sau:#my-element { font-size: 20px; }.my-class { font-size: 16px; }Nếu một phần tử HTML có cả id= A. 20px B. 16px C. Cỡ chữ mặc định của trình duyệt D. Cỡ chữ sẽ là trung bình cộng của 20px và 16px. Câu 20: Bạn muốn tạo một bộ chọn CSS áp dụng cho tất cả các phần tử có lớp .warning VÀ cũng có lớp .message. Cú pháp bộ chọn nào là đúng? A. .warning, .message { ... } B. .warning .message { ... } C. .warning.message { ... } D. .warning + .message { ... } Câu 21: Cho đoạn HTML: <a href= A. Có gạch chân và màu chữ mặc định. B. Có gạch chân và màu chữ đỏ. C. Không gạch chân và màu chữ mặc định. D. Không gạch chân và màu chữ đỏ. Câu 22: Khi nào bạn nên cân nhắc sử dụng bộ chọn định danh (#id) thay vì bộ chọn lớp (.class) để định kiểu cho một phần tử? A. Khi bạn muốn áp dụng cùng một kiểu dáng cho nhiều phần tử. B. Khi bạn muốn định kiểu cho một phần tử duy nhất và xác định nó một cách riêng biệt trên trang. C. Khi bạn muốn kiểu dáng đó có thể bị ghi đè dễ dàng bởi các bộ chọn khác. D. Khi bạn muốn nhóm các phần tử có chung đặc điểm kiểu dáng. Câu 23: Cho đoạn CSS:div { border: 1px solid black; }.box { border-color: red; }#my-box { border-width: 2px; }Nếu một phần tử <div id= A. Viền dày 1px, kiểu solid, màu đen. B. Viền dày 1px, kiểu solid, màu đỏ. C. Viền dày 2px, kiểu solid, màu đen. D. Viền dày 2px, kiểu solid, màu đỏ. Câu 24: Bạn muốn tạo một bộ chọn chỉ nhắm mục tiêu đến các phần tử <p> nằm bên trong một phần tử có ID là #article. Cú pháp bộ chọn nào là đúng? A. #article p { ... } B. #article > p { ... } C. #article + p { ... } D. p #article { ... } Câu 25: Giả sử bạn có một nút bấm <button> và muốn áp dụng một lớp .disabled để làm mờ nút khi nó bị vô hiệu hóa. Lớp .disabled này nên định nghĩa thuộc tính CSS nào để điều chỉnh độ trong suốt? A. visibility B. display C. opacity D. filter Câu 26: Bạn nhận thấy kiểu dáng CSS bạn viết cho một phần tử có ID cụ thể không được áp dụng, mặc dù cú pháp có vẻ đúng. Nguyên nhân phổ biến nhất gây ra vấn đề này là gì? A. Sai chính tả (typo) trong tên ID ở thuộc tính id trong HTML hoặc trong bộ chọn #id trong CSS. B. Độ ưu tiên của bộ chọn ID quá thấp nên bị bộ chọn lớp ghi đè. C. Bộ chọn ID chỉ áp dụng cho các phần tử khối, không áp dụng cho phần tử nội dòng. D. Trình duyệt không hỗ trợ bộ chọn định danh. Câu 27: Cho đoạn CSS:.item { padding: 10px; }.item { margin: 5px; }Nếu một phần tử có lớp .item, nó sẽ có giá trị padding và margin là bao nhiêu? A. Chỉ có padding: 10px; được áp dụng. B. Chỉ có margin: 5px; được áp dụng. C. Cả hai thuộc tính bị hủy do trùng lặp. D. Cả padding: 10px; và margin: 5px; đều được áp dụng. Câu 28: Bạn muốn tạo một bộ chọn CSS áp dụng cho tất cả các phần tử <li> có lớp .special nằm trong một danh sách không thứ tự (<ul>) có ID là #my-list. Bộ chọn nào sau đây là đúng và hiệu quả nhất? A. #my-list .special li { ... } B. #my-list li.special { ... } C. .special #my-list li { ... } D. li.special #my-list { ... } Câu 29: Giả sử bạn có đoạn HTML: <p id= A. Màu xanh lam (blue) B. Màu xanh lá cây (green) C. Màu đỏ (red) D. Màu mặc định (thường là đen) Câu 30: Bạn đang xây dựng một form và muốn định kiểu đặc biệt cho tất cả các ô nhập liệu (<input>) và vùng văn bản (<textarea>) trên trang. Bộ chọn nào sau đây cho phép bạn áp dụng cùng một tập hợp kiểu dáng cho cả hai loại phần tử này một cách hiệu quả? A. input, textarea { ... } B. input textarea { ... } C. input + textarea { ... } D. input > textarea { ... } 1 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 1: Trong CSS, bộ chọn lớp (.class) và bộ chọn định danh (#id) khác nhau cơ bản ở điểm nào liên quan đến việc áp dụng kiểu dáng trên một trang HTML? Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh. Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh. Bộ chọn định danh chỉ dùng cho các phần tử khối (block-level element), còn bộ chọn lớp dùng cho các phần tử nội dòng (inline element). Bộ chọn định danh chỉ dùng cho các phần tử khối (block-level element), còn bộ chọn lớp dùng cho các phần tử nội dòng (inline element). Bộ chọn lớp được khai báo bằng dấu #, còn bộ chọn định danh khai báo bằng dấu . Bộ chọn lớp được khai báo bằng dấu #, còn bộ chọn định danh khai báo bằng dấu . Bộ chọn lớp có thể áp dụng cho nhiều phần tử, bộ chọn định danh chỉ nên áp dụng cho một phần tử duy nhất. Bộ chọn lớp có thể áp dụng cho nhiều phần tử, bộ chọn định danh chỉ nên áp dụng cho một phần tử duy nhất. Câu hỏi yêu cầu phân tích sự khác biệt cốt lõi giữa bộ chọn lớp và bộ chọn định danh về khả năng áp dụng. Bộ chọn lớp có thể áp dụng cho nhiều phần tử, trong khi bộ chọn định danh chỉ nên áp dụng cho một phần tử duy nhất trên cùng một trang để đảm bảo tính duy nhất của ID. 2 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 2: Bạn muốn định dạng một nhóm các đoạn văn ( ) có nội dung quan trọng với màu chữ đỏ và phông chữ đậm. Bạn nên sử dụng loại bộ chọn nào trong CSS để dễ dàng áp dụng kiểu dáng này cho nhiều đoạn văn? Bộ chọn lớp (Class selector) Bộ chọn lớp (Class selector) Bộ chọn định danh (ID selector) Bộ chọn định danh (ID selector) Bộ chọn phần tử (Element selector) Bộ chọn phần tử (Element selector) Bộ chọn hậu duệ (Descendant selector) Bộ chọn hậu duệ (Descendant selector) Tình huống yêu cầu áp dụng cùng một kiểu dáng cho *nhiều* phần tử (một nhóm các đoạn văn). Bộ chọn lớp (.class) được thiết kế để áp dụng cho nhiều phần tử có cùng thuộc tính `class`, rất phù hợp cho trường hợp này. 3 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 3: Cho đoạn mã HTML sau: Tiêu đề trang . Để đặt màu nền (background-color) cho phần tử này là màu xanh lam, cú pháp CSS đúng sử dụng bộ chọn định danh là gì? .header { background-color: blue; } .header { background-color: blue; } #header { background-color: blue; } #header { background-color: blue; } div { background-color: blue; } div { background-color: blue; } header { background-color: blue; } header { background-color: blue; } Câu hỏi kiểm tra cú pháp sử dụng bộ chọn định danh (#id) và thuộc tính `background-color`. Bộ chọn định danh bắt đầu bằng #, theo sau là giá trị của thuộc tính `id`. Thuộc tính để đổi màu nền là `background-color`. 4 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 4: Giả sử bạn có một tệp CSS ngoại tên là style.css. Bạn cần liên kết tệp này với trang HTML của mình để các kiểu dáng được áp dụng. Bạn sẽ đặt dòng mã nào vào phần của tệp HTML? <code><style src="style.css"></style></code> <code><style src="style.css"></style></code> <code><script src="style.css"></script></code> <code><script src="style.css"></script></code> <code><link rel="stylesheet" href="style.css"></code> <code><link rel="stylesheet" href="style.css"></code> <code><stylesheet href="style.css"></stylesheet></code> <code><stylesheet href="style.css"></stylesheet></code> Câu hỏi kiểm tra kiến thức về cách liên kết tệp CSS ngoại. Thẻ `<link>` với thuộc tính `rel="stylesheet"` và `href` trỏ đến đường dẫn tệp CSS là cách chuẩn để thực hiện điều này. 5 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 5: Cho đoạn CSS sau:.highlight { color: yellow; }.bold { font-weight: bold; }Nếu một phần tử HTML có thuộc tính class="highlight bold", thì phần tử đó sẽ có kiểu dáng như thế nào? Chỉ có màu chữ vàng (yellow), không in đậm. Chỉ có màu chữ vàng (yellow), không in đậm. Chỉ in đậm, không có màu chữ vàng. Chỉ in đậm, không có màu chữ vàng. Không có kiểu dáng nào được áp dụng do cú pháp sai. Không có kiểu dáng nào được áp dụng do cú pháp sai. Có màu chữ vàng (yellow) và in đậm (bold). Có màu chữ vàng (yellow) và in đậm (bold). Câu hỏi kiểm tra cách áp dụng nhiều bộ chọn lớp cho một phần tử. Khi một phần tử có nhiều lớp được liệt kê cách nhau bằng dấu cách trong thuộc tính `class`, nó sẽ nhận tất cả các kiểu dáng được định nghĩa bởi từng lớp đó. 6 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 6: Bạn đang thiết kế một trang web và có một phần tử Bộ chọn lớp (Class selector) Bộ chọn lớp (Class selector) Bộ chọn định danh (ID selector) Bộ chọn định danh (ID selector) Bộ chọn phần tử (Element selector) Bộ chọn phần tử (Element selector) Sử dụng kiểu dáng nội dòng (Inline styles) Sử dụng kiểu dáng nội dòng (Inline styles) Tình huống đưa ra một phần tử duy nhất (footer) cần định kiểu. Mặc dù bộ chọn phần tử (`footer`) cũng có thể dùng, nhưng bộ chọn định danh (`#footer`) thường được ưu tiên cho các phần tử cấu trúc trang lớn, duy nhất (như header, footer, sidebar) vì nó rõ ràng về mục đích và có độ ưu tiên cao hơn bộ chọn phần tử. 7 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 7: Độ ưu tiên (Specificity) của bộ chọn định danh (#id) so với bộ chọn lớp (.class) trong CSS là như thế nào? Bộ chọn định danh có độ ưu tiên cao hơn bộ chọn lớp. Bộ chọn định danh có độ ưu tiên cao hơn bộ chọn lớp. Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh. Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh. Độ ưu tiên của chúng là như nhau. Độ ưu tiên của chúng là như nhau. Độ ưu tiên phụ thuộc vào thứ tự xuất hiện trong tệp CSS. Độ ưu tiên phụ thuộc vào thứ tự xuất hiện trong tệp CSS. Câu hỏi kiểm tra kiến thức về độ ưu tiên của các loại bộ chọn. Độ ưu tiên của bộ chọn định danh (#id) cao hơn bộ chọn lớp (.class). Điều này có nghĩa là nếu cùng một thuộc tính được định nghĩa bởi cả bộ chọn ID và bộ chọn lớp cho cùng một phần tử, kiểu dáng từ bộ chọn ID sẽ được áp dụng. 8 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 8: Cho đoạn mã HTML: Đoạn giới thiệu. và đoạn CSS:p { color: blue; }.intro { color: red; }Màu chữ cuối cùng của đoạn văn này sẽ là gì? Màu xanh lam (blue) Màu xanh lam (blue) Màu đỏ (red) Màu đỏ (red) Không có màu nào được áp dụng Không có màu nào được áp dụng Màu chữ sẽ thay đổi giữa xanh lam và đỏ Màu chữ sẽ thay đổi giữa xanh lam và đỏ Câu hỏi yêu cầu phân tích và dự đoán kiểu dáng dựa trên độ ưu tiên của các bộ chọn. Bộ chọn lớp (`.intro`) có độ ưu tiên cao hơn bộ chọn phần tử (`p`). Do đó, kiểu dáng từ `.intro` sẽ ghi đè lên kiểu dáng từ `p` cho thuộc tính `color`. 9 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 9: Bạn muốn tạo một kiểu dáng CSS chỉ áp dụng cho các phần tử có thuộc tính type="text" và có lớp là .form-control. Cú pháp bộ chọn kết hợp nào là đúng? <code>input[type="text"].form-control { ... }</code> <code>input[type="text"].form-control { ... }</code> <code>input .form-control[type="text"] { ... }</code> <code>input .form-control[type="text"] { ... }</code> <code>.form-control input[type="text"] { ... }</code> <code>.form-control input[type="text"] { ... }</code> <code>input, [type="text"], .form-control { ... }</code> <code>input, [type="text"], .form-control { ... }</code> Câu hỏi kiểm tra khả năng kết hợp bộ chọn phần tử, bộ chọn thuộc tính (`[attribute="value"]`) và bộ chọn lớp. Để chọn một phần tử cụ thể (input) có thuộc tính cụ thể (type="text") VÀ có lớp cụ thể (.form-control), ta nối các bộ chọn lại với nhau mà không có dấu cách. 10 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 10: Tại sao việc sử dụng cùng một giá trị cho thuộc tính id trên nhiều phần tử trong một trang HTML lại không được khuyến khích và có thể gây ra vấn đề? Vì bộ chọn định danh có độ ưu tiên thấp hơn bộ chọn lớp. Vì bộ chọn định danh có độ ưu tiên thấp hơn bộ chọn lớp. Vì trình duyệt sẽ không hiển thị các phần tử có ID trùng lặp. Vì trình duyệt sẽ không hiển thị các phần tử có ID trùng lặp. Vì thuộc tính <code>id</code> phải là duy nhất trên mỗi trang HTML và việc trùng lặp gây khó khăn cho việc xác định phần tử bằng CSS hoặc JavaScript. Vì thuộc tính <code>id</code> phải là duy nhất trên mỗi trang HTML và việc trùng lặp gây khó khăn cho việc xác định phần tử bằng CSS hoặc JavaScript. Vì điều đó làm tăng kích thước tệp CSS một cách không cần thiết. Vì điều đó làm tăng kích thước tệp CSS một cách không cần thiết. Câu hỏi yêu cầu phân tích lý do tại sao ID phải là duy nhất. Thuộc tính `id` được thiết kế để xác định một phần tử *duy nhất* trên trang. Việc lặp lại ID vi phạm chuẩn HTML và gây khó khăn cho JavaScript (khi cần truy cập một phần tử cụ thể bằng ID) và CSS (có thể không áp dụng kiểu dáng như mong đợi hoặc gây nhầm lẫn về độ ưu tiên). 11 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 11: Cho đoạn mã HTML: Văn bản. và đoạn CSS:.text { color: blue; }.bold { font-weight: bold; }span { font-size: 14px; }Phần tử này sẽ có những kiểu dáng nào được áp dụng từ các quy tắc CSS đã cho? Chỉ có màu chữ xanh (blue) và in đậm (bold). Chỉ có màu chữ xanh (blue) và in đậm (bold). Chỉ có cỡ chữ 14px. Chỉ có cỡ chữ 14px. Chỉ có màu chữ xanh (blue) và cỡ chữ 14px. Chỉ có màu chữ xanh (blue) và cỡ chữ 14px. Có màu chữ xanh (blue), in đậm (bold) và cỡ chữ 14px. Có màu chữ xanh (blue), in đậm (bold) và cỡ chữ 14px. Câu hỏi yêu cầu phân tích các quy tắc CSS và xác định những quy tắc nào áp dụng cho phần tử `<span>` cụ thể. Phần tử này khớp với bộ chọn `.text`, `.bold` (do có `class="text bold"`), và `span` (do là phần tử `span`). Do đó, tất cả các kiểu dáng từ ba quy tắc này sẽ được áp dụng. 12 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 12: Bạn có một danh sách không thứ tự ( ) và muốn định dạng riêng cho mục đầu tiên ( ) và mục cuối cùng ( ) trong danh sách đó. Loại bộ chọn nào kết hợp với bộ chọn lớp hoặc định danh sẽ giúp bạn thực hiện việc này một cách hiệu quả? Bộ chọn con trực tiếp (Child selector) và bộ chọn anh em liền kề (Adjacent sibling selector). Bộ chọn con trực tiếp (Child selector) và bộ chọn anh em liền kề (Adjacent sibling selector). Bộ chọn thuộc tính (Attribute selector) và bộ chọn phổ quát (Universal selector). Bộ chọn thuộc tính (Attribute selector) và bộ chọn phổ quát (Universal selector). Bộ chọn giả lớp (Pseudo-class selector) như <code>:first-child</code>, <code>:last-child</code>. Bộ chọn giả lớp (Pseudo-class selector) như <code>:first-child</code>, <code>:last-child</code>. Chỉ có thể làm được bằng cách thêm ID hoặc lớp riêng cho từng mục li đầu tiên và cuối cùng. Chỉ có thể làm được bằng cách thêm ID hoặc lớp riêng cho từng mục li đầu tiên và cuối cùng. Tình huống yêu cầu chọn các phần tử dựa trên vị trí của chúng trong một nhóm (mục đầu tiên, mục cuối cùng). Các bộ chọn giả lớp như `:first-child` và `:last-child` rất hữu ích cho mục đích này. Kết hợp chúng với bộ chọn phần tử (`li`) hoặc bộ chọn lớp/ID của danh sách (`ul.my-list li:first-child`) là cách thông thường. 13 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 13: Giả sử bạn có đoạn HTML: Nội dung và đoạn CSS:#container .text { color: green; }.text { color: purple; }Màu chữ của đoạn văn ( ) sẽ là gì? Màu xanh lá cây (green) Màu xanh lá cây (green) Màu tím (purple) Màu tím (purple) Màu mặc định (thường là đen) Màu mặc định (thường là đen) Không có màu nào được áp dụng do xung đột. Không có màu nào được áp dụng do xung đột. Câu hỏi kiểm tra độ ưu tiên khi kết hợp các loại bộ chọn. Bộ chọn #container .text là sự kết hợp của bộ chọn ID và bộ chọn lớp, có độ ưu tiên cao hơn bộ chọn lớp đơn thuần (`.text`). Do đó, màu xanh lá cây (green) sẽ được áp dụng. 14 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 14: Bạn muốn tạo một lớp CSS tên là .button để định kiểu chung cho tất cả các nút bấm () trên trang, và một lớp khác tên là .primary để thêm kiểu dáng đặc biệt cho các nút bấm chính. Khi sử dụng cả hai lớp này cho một nút bấm, cú pháp HTML đúng là gì? <code><button class="button, primary">...</button></code> <code><button class="button, primary">...</button></code> <code><button class="button.primary">...</button></code> <code><button class="button.primary">...</button></code> <code><button class="button-primary">...</button></code> <code><button class="button-primary">...</button></code> <code><button class="button primary">...</button></code> <code><button class="button primary">...</button></code> Câu hỏi kiểm tra cú pháp áp dụng nhiều lớp cho một phần tử HTML. Các lớp được liệt kê trong thuộc tính `class` và phân tách bằng dấu cách. 15 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 15: Cho đoạn CSS: #sidebar { width: 200px; }. Nếu có hai phần tử trên trang cùng có id="sidebar", điều gì có khả năng xảy ra nhất về mặt áp dụng kiểu dáng? Cả hai phần tử có thể đều được áp dụng kiểu dáng <code>width: 200px;</code>, nhưng đây là hành vi không chuẩn và không nên làm. Cả hai phần tử có thể đều được áp dụng kiểu dáng <code>width: 200px;</code>, nhưng đây là hành vi không chuẩn và không nên làm. Chỉ phần tử <code><body></code> sẽ được áp dụng kiểu dáng. Chỉ phần tử <code><body></code> sẽ được áp dụng kiểu dáng. Không có phần tử nào được áp dụng kiểu dáng do có lỗi cú pháp. Không có phần tử nào được áp dụng kiểu dáng do có lỗi cú pháp. Chỉ phần tử <code><html></code> sẽ được áp dụng kiểu dáng. Chỉ phần tử <code><html></code> sẽ được áp dụng kiểu dáng. Câu hỏi kiểm tra hậu quả của việc sử dụng ID trùng lặp. Mặc dù chuẩn HTML yêu cầu ID là duy nhất, hầu hết các trình duyệt vẫn cố gắng áp dụng kiểu dáng. Tuy nhiên, hành vi có thể không nhất quán hoặc chỉ áp dụng cho phần tử đầu tiên tìm thấy, đặc biệt là khi sử dụng JavaScript. Việc áp dụng kiểu dáng cho cả hai phần tử là kết quả phổ biến nhất, nhưng vẫn là hành vi không chuẩn. 16 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 16: Bạn cần tạo một kiểu dáng CSS chỉ áp dụng cho một phần tử cụ thể mà nó là con trực tiếp của một phần tử khác có ID là #main-content. Bộ chọn nào sau đây mô tả đúng mối quan hệ này? <code>#main-content div { ... }</code> <code>#main-content div { ... }</code> <code>#main-content > div { ... }</code> <code>#main-content > div { ... }</code> <code>#main-content + div { ... }</code> <code>#main-content + div { ... }</code> <code>div #main-content { ... }</code> <code>div #main-content { ... }</code> Câu hỏi kiểm tra bộ chọn con trực tiếp (`>`). Để chọn phần tử `div` là con trực tiếp của phần tử có ID `#main-content`, ta sử dụng cú pháp `#main-content > div`. 17 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 17: Cho đoạn HTML: Nội dung . Bạn muốn định dạng cho phần tử này. Bộ chọn nào sau đây có độ ưu tiên CAO NHẤT khi nhắm mục tiêu vào phần tử này? <code>#box { ... }</code> <code>#box { ... }</code> <code>.container { ... }</code> <code>.container { ... }</code> <code>div { ... }</code> <code>div { ... }</code> <code>div.container { ... }</code> <code>div.container { ... }</code> Câu hỏi kiểm tra độ ưu tiên của các bộ chọn khác nhau khi cùng nhắm vào một phần tử. Bộ chọn ID (#box) có độ ưu tiên cao hơn bộ chọn lớp (.container), bộ chọn phần tử (div), và bộ chọn kết hợp phần tử và lớp (div.container). 18 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 18: Khi sử dụng bộ chọn lớp trong CSS, tên lớp (ví dụ: .my-class) có thể chứa những ký tự nào? (Chọn đáp án đúng nhất) Chỉ chứa chữ cái (a-z, A-Z). Chỉ chứa chữ cái (a-z, A-Z). Chỉ chứa chữ cái và số. Chỉ chứa chữ cái và số. Chứa chữ cái, số, dấu gạch ngang (-) và dấu gạch dưới (_), không bắt đầu bằng số hoặc dấu gạch ngang theo sau số. Chứa chữ cái, số, dấu gạch ngang (-) và dấu gạch dưới (_), không bắt đầu bằng số hoặc dấu gạch ngang theo sau số. Có thể chứa bất kỳ ký tự nào ngoại trừ dấu cách. Có thể chứa bất kỳ ký tự nào ngoại trừ dấu cách. Câu hỏi kiểm tra quy tắc đặt tên cho bộ chọn lớp. Tên lớp có thể chứa chữ cái (a-z, A-Z), số (0-9), dấu gạch ngang (-) và dấu gạch dưới (_). Tên lớp không được bắt đầu bằng số hoặc dấu gạch ngang theo sau bởi số. 19 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 19: Giả sử bạn áp dụng kiểu dáng sau:#my-element { font-size: 20px; }.my-class { font-size: 16px; }Nếu một phần tử HTML có cả id="my-element" và class="my-class", cỡ chữ của phần tử đó sẽ là bao nhiêu? 20px 20px 16px 16px Cỡ chữ mặc định của trình duyệt Cỡ chữ mặc định của trình duyệt Cỡ chữ sẽ là trung bình cộng của 20px và 16px. Cỡ chữ sẽ là trung bình cộng của 20px và 16px. Câu hỏi kiểm tra độ ưu tiên giữa bộ chọn ID và bộ chọn lớp cho cùng một thuộc tính. Bộ chọn ID (#my-element) có độ ưu tiên cao hơn bộ chọn lớp (.my-class). Do đó, giá trị `font-size` từ bộ chọn ID (20px) sẽ được áp dụng. 20 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 20: Bạn muốn tạo một bộ chọn CSS áp dụng cho tất cả các phần tử có lớp .warning VÀ cũng có lớp .message. Cú pháp bộ chọn nào là đúng? <code>.warning, .message { ... }</code> <code>.warning, .message { ... }</code> <code>.warning .message { ... }</code> <code>.warning .message { ... }</code> <code>.warning.message { ... }</code> <code>.warning.message { ... }</code> <code>.warning + .message { ... }</code> <code>.warning + .message { ... }</code> Câu hỏi kiểm tra cách kết hợp nhiều bộ chọn lớp cho cùng một quy tắc CSS. Để chọn một phần tử phải có cả hai lớp, ta nối các bộ chọn lớp lại với nhau mà không có dấu cách. 21 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 21: Cho đoạn HTML: Liên kết và đoạn CSS:.link { text-decoration: none; }.active { color: red; }Phần tử này sẽ hiển thị như thế nào? Có gạch chân và màu chữ mặc định. Có gạch chân và màu chữ mặc định. Có gạch chân và màu chữ đỏ. Có gạch chân và màu chữ đỏ. Không gạch chân và màu chữ mặc định. Không gạch chân và màu chữ mặc định. Không gạch chân và màu chữ đỏ. Không gạch chân và màu chữ đỏ. Câu hỏi kiểm tra cách áp dụng nhiều lớp. Phần tử `<a>` có cả lớp `link` và `active`. Do đó, nó sẽ nhận cả kiểu dáng từ `.link` (bỏ gạch chân) và `.active` (màu chữ đỏ). 22 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 22: Khi nào bạn nên cân nhắc sử dụng bộ chọn định danh (#id) thay vì bộ chọn lớp (.class) để định kiểu cho một phần tử? Khi bạn muốn áp dụng cùng một kiểu dáng cho nhiều phần tử. Khi bạn muốn áp dụng cùng một kiểu dáng cho nhiều phần tử. Khi bạn muốn định kiểu cho một phần tử duy nhất và xác định nó một cách riêng biệt trên trang. Khi bạn muốn định kiểu cho một phần tử duy nhất và xác định nó một cách riêng biệt trên trang. Khi bạn muốn kiểu dáng đó có thể bị ghi đè dễ dàng bởi các bộ chọn khác. Khi bạn muốn kiểu dáng đó có thể bị ghi đè dễ dàng bởi các bộ chọn khác. Khi bạn muốn nhóm các phần tử có chung đặc điểm kiểu dáng. Khi bạn muốn nhóm các phần tử có chung đặc điểm kiểu dáng. Câu hỏi yêu cầu phân tích mục đích sử dụng của ID. ID nên được sử dụng khi bạn muốn xác định và định kiểu cho một phần tử *duy nhất* trên trang, thường là các phần tử cấu trúc chính hoặc các phần tử cần được truy cập riêng lẻ bằng JavaScript. 23 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 23: Cho đoạn CSS:div { border: 1px solid black; }.box { border-color: red; }#my-box { border-width: 2px; }Nếu một phần tử , đường viền của nó sẽ trông như thế nào? Viền dày 1px, kiểu solid, màu đen. Viền dày 1px, kiểu solid, màu đen. Viền dày 1px, kiểu solid, màu đỏ. Viền dày 1px, kiểu solid, màu đỏ. Viền dày 2px, kiểu solid, màu đen. Viền dày 2px, kiểu solid, màu đen. Viền dày 2px, kiểu solid, màu đỏ. Viền dày 2px, kiểu solid, màu đỏ. Câu hỏi kiểm tra cách áp dụng các thuộc tính khác nhau từ các bộ chọn khác nhau dựa trên độ ưu tiên. Phần tử `div` nhận kiểu từ cả `div`, `.box`, và `#my-box`. `div` định nghĩa kiểu và màu viền ban đầu. `.box` ghi đè màu viền thành đỏ (độ ưu tiên cao hơn `div`). `#my-box` định nghĩa độ dày viền là 2px (độ ưu tiên cao nhất cho thuộc tính này). Kết quả là viền dày 2px, kiểu solid, màu đỏ. 24 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 24: Bạn muốn tạo một bộ chọn chỉ nhắm mục tiêu đến các phần tử nằm bên trong một phần tử có ID là #article. Cú pháp bộ chọn nào là đúng? <code>#article p { ... }</code> <code>#article p { ... }</code> <code>#article > p { ... }</code> <code>#article > p { ... }</code> <code>#article + p { ... }</code> <code>#article + p { ... }</code> <code>p #article { ... }</code> <code>p #article { ... }</code> Câu hỏi kiểm tra bộ chọn hậu duệ (descendant selector). Để chọn các phần tử `p` là hậu duệ (nằm bên trong, không nhất thiết là con trực tiếp) của phần tử có ID `#article`, ta sử dụng cú pháp `#article p` với dấu cách. 25 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 25: Giả sử bạn có một nút bấm và muốn áp dụng một lớp .disabled để làm mờ nút khi nó bị vô hiệu hóa. Lớp .disabled này nên định nghĩa thuộc tính CSS nào để điều chỉnh độ trong suốt? <code>visibility</code> <code>visibility</code> <code>display</code> <code>display</code> <code>opacity</code> <code>opacity</code> <code>filter</code> <code>filter</code> Câu hỏi kiểm tra thuộc tính CSS liên quan đến độ trong suốt. Thuộc tính `opacity` được sử dụng để thiết lập độ trong suốt của một phần tử (giá trị từ 0.0 đến 1.0). 26 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 26: Bạn nhận thấy kiểu dáng CSS bạn viết cho một phần tử có ID cụ thể không được áp dụng, mặc dù cú pháp có vẻ đúng. Nguyên nhân phổ biến nhất gây ra vấn đề này là gì? Sai chính tả (typo) trong tên ID ở thuộc tính <code>id</code> trong HTML hoặc trong bộ chọn <code>#id</code> trong CSS. Sai chính tả (typo) trong tên ID ở thuộc tính <code>id</code> trong HTML hoặc trong bộ chọn <code>#id</code> trong CSS. Độ ưu tiên của bộ chọn ID quá thấp nên bị bộ chọn lớp ghi đè. Độ ưu tiên của bộ chọn ID quá thấp nên bị bộ chọn lớp ghi đè. Bộ chọn ID chỉ áp dụng cho các phần tử khối, không áp dụng cho phần tử nội dòng. Bộ chọn ID chỉ áp dụng cho các phần tử khối, không áp dụng cho phần tử nội dòng. Trình duyệt không hỗ trợ bộ chọn định danh. Trình duyệt không hỗ trợ bộ chọn định danh. Câu hỏi yêu cầu phân tích lỗi phổ biến khi sử dụng bộ chọn ID. Lỗi phổ biến nhất là sai chính tả (typo) trong tên ID ở cả HTML và CSS, hoặc tệp CSS chưa được liên kết đúng cách. 27 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 27: Cho đoạn CSS:.item { padding: 10px; }.item { margin: 5px; }Nếu một phần tử có lớp .item, nó sẽ có giá trị padding và margin là bao nhiêu? Chỉ có <code>padding: 10px;</code> được áp dụng. Chỉ có <code>padding: 10px;</code> được áp dụng. Chỉ có <code>margin: 5px;</code> được áp dụng. Chỉ có <code>margin: 5px;</code> được áp dụng. Cả hai thuộc tính bị hủy do trùng lặp. Cả hai thuộc tính bị hủy do trùng lặp. Cả <code>padding: 10px;</code> và <code>margin: 5px;</code> đều được áp dụng. Cả <code>padding: 10px;</code> và <code>margin: 5px;</code> đều được áp dụng. Câu hỏi kiểm tra cách xử lý các quy tắc CSS trùng lặp cho cùng một bộ chọn. Khi cùng một bộ chọn được khai báo nhiều lần, các thuộc tính từ khai báo sau sẽ ghi đè hoặc bổ sung (nếu là các thuộc tính khác nhau) cho khai báo trước. Trong trường hợp này, cả hai thuộc tính `padding` và `margin` đều được áp dụng. 28 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 28: Bạn muốn tạo một bộ chọn CSS áp dụng cho tất cả các phần tử có lớp .special nằm trong một danh sách không thứ tự ( ) có ID là #my-list. Bộ chọn nào sau đây là đúng và hiệu quả nhất? <code>#my-list .special li { ... }</code> <code>#my-list .special li { ... }</code> <code>#my-list li.special { ... }</code> <code>#my-list li.special { ... }</code> <code>.special #my-list li { ... }</code> <code>.special #my-list li { ... }</code> <code>li.special #my-list { ... }</code> <code>li.special #my-list { ... }</code> Câu hỏi kiểm tra khả năng kết hợp bộ chọn ID, bộ chọn phần tử và bộ chọn lớp. Để chọn các phần tử `li` có lớp `.special` nằm bên trong phần tử có ID `#my-list`, ta kết hợp chúng: `#my-list li.special`. 29 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 29: Giả sử bạn có đoạn HTML: ... và các quy tắc CSS sau:p { color: blue; }.intro { color: green; }#first-paragraph { color: red; }Màu chữ cuối cùng của đoạn văn này là gì? Màu xanh lam (blue) Màu xanh lam (blue) Màu xanh lá cây (green) Màu xanh lá cây (green) Màu đỏ (red) Màu đỏ (red) Màu mặc định (thường là đen) Màu mặc định (thường là đen) Câu hỏi kiểm tra độ ưu tiên khi có bộ chọn phần tử, bộ chọn lớp và bộ chọn ID cùng nhắm vào một thuộc tính. Bộ chọn ID (#first-paragraph) có độ ưu tiên cao nhất, tiếp theo là bộ chọn lớp (.intro), và cuối cùng là bộ chọn phần tử (p). Do đó, màu từ bộ chọn ID (red) sẽ được áp dụng. 30 / 30 Category: Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh Tags: Bộ đề 01 Câu 30: Bạn đang xây dựng một form và muốn định kiểu đặc biệt cho tất cả các ô nhập liệu () và vùng văn bản (</code>) trên trang. Bộ chọn nào sau đây cho phép bạn áp dụng cùng một tập hợp kiểu dáng cho cả hai loại phần tử này một cách hiệu quả?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-826992]' id='ays-answer-3229981-27712' value='3229981'/> <label for='ays-answer-3229981-27712' class=' ays_position_initial ays-quiz-keyboard-label'><code>input, textarea { ... }</code></label><label for='ays-answer-3229981-27712' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-826992]' id='ays-answer-3338461-27712' value='3338461'/> <label for='ays-answer-3338461-27712' class=' ays_position_initial ays-quiz-keyboard-label'><code>input, textarea { ... }</code></label><label for='ays-answer-3338461-27712' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-826992]' id='ays-answer-3229982-27712' value='3229982'/> <label for='ays-answer-3229982-27712' class=' ays_position_initial ays-quiz-keyboard-label'><code>input textarea { ... }</code></label><label for='ays-answer-3229982-27712' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-826992]' id='ays-answer-3338462-27712' value='3338462'/> <label for='ays-answer-3338462-27712' class=' ays_position_initial ays-quiz-keyboard-label'><code>input textarea { ... }</code></label><label for='ays-answer-3338462-27712' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-826992]' id='ays-answer-3229983-27712' value='3229983'/> <label for='ays-answer-3229983-27712' class=' ays_position_initial ays-quiz-keyboard-label'><code>input + textarea { ... }</code></label><label for='ays-answer-3229983-27712' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-826992]' id='ays-answer-3338463-27712' value='3338463'/> <label for='ays-answer-3338463-27712' class=' ays_position_initial ays-quiz-keyboard-label'><code>input + textarea { ... }</code></label><label for='ays-answer-3338463-27712' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-826992]' id='ays-answer-3229984-27712' value='3229984'/> <label for='ays-answer-3229984-27712' class=' ays_position_initial ays-quiz-keyboard-label'><code>input > textarea { ... }</code></label><label for='ays-answer-3229984-27712' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-826992]' id='ays-answer-3338464-27712' value='3338464'/> <label for='ays-answer-3338464-27712' class=' ays_position_initial ays-quiz-keyboard-label'><code>input > textarea { ... }</code></label><label for='ays-answer-3338464-27712' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_27712 === 'undefined'){ window.quizOptions_27712 = []; } window.quizOptions_27712['826992'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzIyOTk4MSI6IjEiLCIzMzM4NDYxIjoiMSIsIjMyMjk5ODIiOiIwIiwiMzMzODQ2MiI6IjAiLCIzMjI5OTgzIjoiMCIsIjMzMzg0NjMiOiIwIiwiMzIyOTk4NCI6IjAiLCIzMzM4NDY0IjoiMCJ9fQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra bộ chọn nhóm. Để áp dụng cùng một kiểu dáng cho nhiều bộ chọn khác nhau, ta nhóm chúng lại bằng dấu phẩy (,).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-27712 * { box-sizing: border-box; } #ays-quiz-container-27712 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-27712 #ays_finish_quiz_27712 { } /* Styles for Quiz container */ #ays-quiz-container-27712{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-27712 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-27712 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-27712 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-27712 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-27712 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-27712 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-27712 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-27712 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-27712.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-27712.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-27712 #ays_finish_quiz_27712 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-27712.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-27712.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-27712.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-27712.ays-quiz-container .ays-questions-container p, #ays-quiz-container-27712.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-27712.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-27712.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-27712.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-27712.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-27712.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-27712.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-27712.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-27712.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-27712 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-27712 .ays-quiz-password-message-box, #ays-quiz-container-27712 .ays-quiz-question-note-message-box, #ays-quiz-container-27712 .ays_quiz_question, #ays-quiz-container-27712 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-27712 textarea, #ays-quiz-container-27712 input::first-letter, #ays-quiz-container-27712 select::first-letter, #ays-quiz-container-27712 option::first-letter { color: initial !important; } #ays-quiz-container-27712 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-27712 .select2-container, #ays-quiz-container-27712 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-27712 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-27712 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-27712 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-27712 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-27712 .ays-questions-container .ays-field, div#ays-quiz-container-27712 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-27712 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-27712 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-27712 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-27712 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-27712 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-27712 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-27712 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-27712 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-27712 .information_form input[type='text'], #ays-quiz-container-27712 .information_form input[type='url'], #ays-quiz-container-27712 .information_form input[type='number'], #ays-quiz-container-27712 .information_form input[type='email'], #ays-quiz-container-27712 .information_form input[type='tel'], #ays-quiz-container-27712 .information_form textarea, #ays-quiz-container-27712 .information_form select, #ays-quiz-container-27712 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-27712 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-27712 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-27712 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-27712 .right_answer_text{ color:#33cc33; } #ays-quiz-container-27712 .right_answer_text p { font-size:16px; } #ays-quiz-container-27712 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-27712 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-27712 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27712 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27712 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27712 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-27712 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-27712 .ays_cb_and_a, #ays-quiz-container-27712 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-27712 iframe { /*min-height: 450px;*/ } #ays-quiz-container-27712 label.ays_for_checkbox, #ays-quiz-container-27712 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-27712 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-27712 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-27712 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-27712 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-27712 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-27712 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-27712 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-27712 div.lds-spinner, #ays-quiz-container-27712 div.lds-spinner2 { color: #000000; } #ays-quiz-container-27712 div.lds-spinner div:after, #ays-quiz-container-27712 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-27712 .lds-circle, #ays-quiz-container-27712 .lds-facebook div, #ays-quiz-container-27712 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-27712 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-27712 .lds-dual-ring::after, #ays-quiz-container-27712 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-27712 .ui.rating .icon, #ays-quiz-container-27712 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-27712 #ays_finish_quiz_27712 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-27712 #ays_finish_quiz_27712 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-27712 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-27712 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-27712 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-27712 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-27712 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-27712 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-27712 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-27712 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-27712 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-27712 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-27712 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-27712 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-27712 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-27712 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-27712 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-27712 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-27712 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-27712 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-27712 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-27712 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-27712 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-27712 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-27712 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-27712 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-27712 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-27712 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-27712 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-27712 div.ays-quiz-redirection-timer, #ays-quiz-container-27712 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-27712 div.ays-quiz-after-timer * , #ays-quiz-container-27712 div.ays-quiz-redirection-timer *, #ays-quiz-container-27712 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-27712 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-27712 input#ays-submit, #ays-quiz-container-27712 #ays_finish_quiz_27712 .action-button, #ays-quiz-container-27712 #ays_finish_quiz_27712 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-27712 #ays_finish_quiz_27712 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-27712 #ays_finish_quiz_27712 .action-button.ays_restart_button, #ays-quiz-container-27712 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-27712 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-27712 input#ays-submit, #ays-quiz-container-27712 #ays_finish_quiz_27712 input.action-button, #ays-quiz-container-27712 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-27712 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-27712 #ays_finish_quiz_27712 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-27712 #ays_finish_quiz_27712 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-27712 #ays_finish_quiz_27712 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-27712 input#ays-submit:hover, #ays-quiz-container-27712 input#ays-submit:focus, #ays-quiz-container-27712 #ays_finish_quiz_27712 .action-button:hover, #ays-quiz-container-27712 #ays_finish_quiz_27712 .action-button:focus, #ays-quiz-container-27712 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-27712 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-27712 .ays_restart_button { color: #ffffff; } #ays-quiz-container-27712 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-27712 .ays_buttons_div { justify-content: center; } #ays-quiz-container-27712 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-27712 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-27712 input[type='button'], #ays-quiz-container-27712 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-27712 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-27712 input[type='button']:focus-visible, div#ays-quiz-container-27712 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-27712 #ays_finish_quiz_27712 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-27712 #ays_finish_quiz_27712 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-27712 #ays_finish_quiz_27712 i.ays_early_finish.action-button[disabled], #ays-quiz-container-27712 #ays_finish_quiz_27712 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-27712 #ays_finish_quiz_27712 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-27712 #ays_finish_quiz_27712 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-27712 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-27712 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-27712 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-27712.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-27712 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-27712 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-27712 #ays_finish_quiz_27712 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-27712 #ays_finish_quiz_27712 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-27712 #ays_finish_quiz_27712 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-27712 #ays_finish_quiz_27712 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-27712 #ays_finish_quiz_27712 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-27712 #ays_finish_quiz_27712 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-27712 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-27712 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-27712 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-27712 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-27712 #ays_finish_quiz_27712 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-27712 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-27712 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-27712 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-27712 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-27712 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-27712 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-27712 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-27712 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-27712 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-27712 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-27712 #ays_finish_quiz_27712 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-27712 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-27712 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-27712 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-27712 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-27712 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-27712 .ays-field .select2-container--default, #ays-quiz-container-27712 .ays-field .select2-container--default .selection, #ays-quiz-container-27712 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-27712 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-27712 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-27712 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-27712 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-27712 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-27712 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-27712 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-27712 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-27712 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-27712 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-27712 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-27712 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-27712 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-27712 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-27712 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-27712 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-27712 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-27712 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-27712 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-27712 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-27712 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-27712 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-27712 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-27712.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-27712.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-27712 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-27712 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-27712 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-27712 label[for^='ays-answer']:before, #ays-quiz-container-27712 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-27712 .ays_question_report { text-align: right; } div#ays-quiz-container-27712 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-27712 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-27712.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-27712.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-27712.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-27712.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-27712.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-27712.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-27712 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-27712.ays_quiz_classic_dark .correct_div, #ays-quiz-container-27712.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-27712.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-27712.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-27712.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-27712.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-27712.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-27712.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-27712 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-27712 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-27712 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-27712 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-27712 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-27712 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-27712 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-27712 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-27712 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-27712.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-27712.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-27712 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-27712 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-27712 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-27712 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-27712 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-27712 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-27712 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-27712 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-27712 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-27712 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-27712 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-27712 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-27712 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-27712 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-27712 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-27712 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-27712 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-27712 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-27712 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-27712 .ays-quiz-personality-result-box div:before, #ays-quiz-container-27712 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-27712 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-27712 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-27712 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-27712 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-27712 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-27712 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-27712 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-27712 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-27712 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-27712 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-27712 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-27712 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-27712 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-27712{ max-width: 100%; } div#ays-quiz-container-27712 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-27712.ays_quiz_modern_light .step, div#ays-quiz-container-27712.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-27712.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-27712.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-27712.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-27712.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-27712 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-27712 .select2-container, div#ays-quiz-container-27712 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-27712 input#ays-submit, div#ays-quiz-container-27712 #ays_finish_quiz_27712 .action-button, div#ays-quiz-container-27712 #ays_finish_quiz_27712 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-27712 #ays_finish_quiz_27712 .action-button.ays_restart_button, #ays-quiz-container-27712 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-27712 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-27712 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-27712 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-27712 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-27712 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-27712 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-27712 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-27712 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-27712 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-27712 p { margin: 0.625em; } #ays-quiz-container-27712.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-27712.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-27712 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-27712.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-27712 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-27712 #ays_finish_quiz_27712 .action-button:hover, #ays-quiz-container-27712 #ays_finish_quiz_27712 .action-button:focus, #ays-quiz-container-27712 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-27712 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['27712'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIyNzcxMiIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwMSIsImRlc2NyaXB0aW9uIjoiPHA+PHN0cm9uZz5CYVx1MDMwMGkgVFx1MDBlMlx1MDMyM3AgVHJcdTFlYWZjIG5naGlcdTFlYzdtIFRpbiBoXHUxZWNkYyAxMiAtIENcdTAwZTFuaCBkaVx1MWVjMXUgLSBCXHUwMGUwaSAxMDogQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDE8XC9zdHJvbmc+IFx1MDExMVx1MDFiMFx1MWVlM2MgeFx1MDBlMnkgZFx1MWVmMW5nIHZcdTFlZGJpIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgY2hcdTFlYTV0IGxcdTAxYjBcdTFlZTNuZywgc1x1MDBlMXQgdlx1MWVkYmkgblx1MWVkOWkgZHVuZyBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmggaFx1MWVjZGMsIGdpXHUwMGZhcCBiXHUxZWExbiBkXHUxZWM1IGRcdTAwZTBuZyBcdTAwZjRuIHRcdTFlYWRwIHZcdTAwZTAga2lcdTFlYzNtIHRyYSBraVx1MWViZm4gdGhcdTFlZTljIGhpXHUxZWM3dSBxdVx1MWVhMy4gSFx1MDBlM3kgY1x1MDBmOW5nIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgbFx1MDBlMG0gYlx1MDBlMGkgdFx1MWVhZHAgdHJcdTFlYWZjIG5naGlcdTFlYzdtIG5nYXkgXHUwMTExXHUxZWMzIG5cdTAwZTJuZyBjYW8gaGlcdTFlYzN1IGJpXHUxZWJmdCB2XHUwMGUwIGNodVx1MWVhOW4gYlx1MWVjYiB0XHUxZWQxdCBjaG8ga1x1MWVmMyB0aGkgc1x1MWVhZnAgdFx1MWVkYmkhPFwvcD5cclxuXHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTogVHJvbmcgQ1NTLCBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoLmNsYXNzKSB2XHUwMGUwIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKCNpZCkga2hcdTAwZTFjIG5oYXUgY1x1MDFhMSBiXHUxZWEzbiBcdTFlZGYgXHUwMTExaVx1MWVjM20gblx1MDBlMG8gbGlcdTAwZWFuIHF1YW4gXHUwMTExXHUxZWJmbiB2aVx1MWVjN2MgXHUwMGUxcCBkXHUxZWU1bmcga2lcdTFlYzN1IGRcdTAwZTFuZyB0clx1MDBlYW4gbVx1MWVkOXQgdHJhbmcgSFRNTD9cclxuPHVsPlxyXG48bGk+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY1x1MDBmMyBcdTAxMTFcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gY2FvIGhcdTAxYTFuIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmguPFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGNoXHUxZWM5IGRcdTAwZjluZyBjaG8gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQga2hcdTFlZDFpIChibG9jay1sZXZlbCBlbGVtZW50KSwgY1x1MDBmMm4gYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgZFx1MDBmOW5nIGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBuXHUxZWQ5aSBkXHUwMGYybmcgKGlubGluZSBlbGVtZW50KS48XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIFx1MDExMVx1MDFiMFx1MWVlM2Mga2hhaSBiXHUwMGUxbyBiXHUxZWIxbmcgZFx1MWVhNXUgIywgY1x1MDBmMm4gYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBraGFpIGJcdTAwZTFvIGJcdTFlYjFuZyBkXHUxZWE1dSAuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGNcdTAwZjMgdGhcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggY2hcdTFlYzkgblx1MDBlYW4gXHUwMGUxcCBkXHUxZWU1bmcgY2hvIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGR1eSBuaFx1MWVhNXQuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI6IEJcdTFlYTFuIG11XHUxZWQxbiBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgbVx1MWVkOXQgbmhcdTAwZjNtIGNcdTAwZTFjIFx1MDExMW9cdTFlYTFuIHZcdTAxMDNuICg8Y29kZT4mbHQ7cCZndDs8XC9jb2RlPikgY1x1MDBmMyBuXHUxZWQ5aSBkdW5nIHF1YW4gdHJcdTFlY2RuZyB2XHUxZWRiaSBtXHUwMGUwdSBjaFx1MWVlZiBcdTAxMTFcdTFlY2Ygdlx1MDBlMCBwaFx1MDBmNG5nIGNoXHUxZWVmIFx1MDExMVx1MWVhZG0uIEJcdTFlYTFuIG5cdTAwZWFuIHNcdTFlZWQgZFx1MWVlNW5nIGxvXHUxZWExaSBiXHUxZWQ5IGNoXHUxZWNkbiBuXHUwMGUwbyB0cm9uZyBDU1MgXHUwMTExXHUxZWMzIGRcdTFlYzUgZFx1MDBlMG5nIFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBkXHUwMGUxbmcgblx1MDBlMHkgY2hvIG5oaVx1MWVjMXUgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKENsYXNzIHNlbGVjdG9yKTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIHNlbGVjdG9yKTxcL2xpPlxyXG48bGk+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gcGhcdTFlYTduIHRcdTFlZWQgKEVsZW1lbnQgc2VsZWN0b3IpPFwvbGk+XHJcbjxsaT5ELiBCXHUxZWQ5IGNoXHUxZWNkbiBoXHUxZWFkdSBkdVx1MWVjNyAoRGVzY2VuZGFudCBzZWxlY3Rvcik8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzOiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MIHNhdTogPGNvZGU+Jmx0O2RpdiBpZD1cclxuPHVsPlxyXG48bGk+QS4gLmhlYWRlciB7IGJhY2tncm91bmQtY29sb3I6IGJsdWU7IH08XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gI2hlYWRlciB7IGJhY2tncm91bmQtY29sb3I6IGJsdWU7IH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBkaXYgeyBiYWNrZ3JvdW5kLWNvbG9yOiBibHVlOyB9PFwvbGk+XHJcbjxsaT5ELiBoZWFkZXIgeyBiYWNrZ3JvdW5kLWNvbG9yOiBibHVlOyB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNDogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IHRcdTFlYzdwIENTUyBuZ29cdTFlYTFpIHRcdTAwZWFuIGxcdTAwZTAgPGNvZGU+c3R5bGUuY3NzPFwvY29kZT4uIEJcdTFlYTFuIGNcdTFlYTduIGxpXHUwMGVhbiBrXHUxZWJmdCB0XHUxZWM3cCBuXHUwMGUweSB2XHUxZWRiaSB0cmFuZyBIVE1MIGNcdTFlZTdhIG1cdTAwZWNuaCBcdTAxMTFcdTFlYzMgY1x1MDBlMWMga2lcdTFlYzN1IGRcdTAwZTFuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nLiBCXHUxZWExbiBzXHUxZWJkIFx1MDExMVx1MWViN3QgZFx1MDBmMm5nIG1cdTAwZTMgblx1MDBlMG8gdlx1MDBlMG8gcGhcdTFlYTduIDxjb2RlPiZsdDtoZWFkJmd0OzxcL2NvZGU+IGNcdTFlZTdhIHRcdTFlYzdwIEhUTUw/XHJcbjx1bD5cclxuPGxpPkEuIDxjb2RlPiZsdDtzdHlsZSBzcmM9PFwvbGk+XHJcbjxsaT5CLiA8Y29kZT4mbHQ7c2NyaXB0IHNyYz08XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gPGNvZGU+Jmx0O2xpbmsgcmVsPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIDxjb2RlPiZsdDtzdHlsZXNoZWV0IGhyZWY9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNTogQ2hvIFx1MDExMW9cdTFlYTFuIENTUyBzYXU6PGJyPjxjb2RlPi5oaWdobGlnaHQgeyBjb2xvcjogeWVsbG93OyB9PFwvY29kZT48YnI+PGNvZGU+LmJvbGQgeyBmb250LXdlaWdodDogYm9sZDsgfTxcL2NvZGU+PGJyPk5cdTFlYmZ1IG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIEhUTUwgY1x1MDBmMyB0aHVcdTFlZDljIHRcdTAwZWRuaCA8Y29kZT5jbGFzcz1cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgY1x1MDBmMyBtXHUwMGUwdSBjaFx1MWVlZiB2XHUwMGUwbmcgKHllbGxvdyksIGtoXHUwMGY0bmcgaW4gXHUwMTExXHUxZWFkbS48XC9saT5cclxuPGxpPkIuIENoXHUxZWM5IGluIFx1MDExMVx1MWVhZG0sIGtoXHUwMGY0bmcgY1x1MDBmMyBtXHUwMGUwdSBjaFx1MWVlZiB2XHUwMGUwbmcuPFwvbGk+XHJcbjxsaT5DLiBLaFx1MDBmNG5nIGNcdTAwZjMga2lcdTFlYzN1IGRcdTAwZTFuZyBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nIGRvIGNcdTAwZmEgcGhcdTAwZTFwIHNhaS48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gQ1x1MDBmMyBtXHUwMGUwdSBjaFx1MWVlZiB2XHUwMGUwbmcgKHllbGxvdykgdlx1MDBlMCBpbiBcdTAxMTFcdTFlYWRtIChib2xkKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNjogQlx1MWVhMW4gXHUwMTExYW5nIHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCB0cmFuZyB3ZWIgdlx1MDBlMCBjXHUwMGYzIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIDxjb2RlPiZsdDtmb290ZXImZ3Q7PFwvY29kZT4gXHUxZWRmIGN1XHUxZWQxaSB0cmFuZyBtXHUwMGUwIGJcdTFlYTFuIG11XHUxZWQxbiBuXHUwMGYzIGNcdTAwZjMgbVx1MDBlMHUgblx1MWVjMW4geFx1MDBlMW0gdlx1MDBlMCBjXHUwMTAzbiBnaVx1MWVlZmEgblx1MWVkOWkgZHVuZy4gVlx1MDBlYyBjaFx1MWVjOSBjXHUwMGYzIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIDxjb2RlPiZsdDtmb290ZXImZ3Q7PFwvY29kZT4gZHV5IG5oXHUxZWE1dCB0clx1MDBlYW4gdHJhbmcsIGxvXHUxZWExaSBiXHUxZWQ5IGNoXHUxZWNkbiBuXHUwMGUwbyBsXHUwMGUwIHBoXHUwMGY5IGhcdTFlZTNwIHZcdTAwZTAgaGlcdTFlYzd1IHF1XHUxZWEzIG5oXHUxZWE1dCBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNobyBuXHUwMGYzP1xyXG48dWw+XHJcbjxsaT5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoQ2xhc3Mgc2VsZWN0b3IpPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIHNlbGVjdG9yKTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIChFbGVtZW50IHNlbGVjdG9yKTxcL2xpPlxyXG48bGk+RC4gU1x1MWVlZCBkXHUxZWU1bmcga2lcdTFlYzN1IGRcdTAwZTFuZyBuXHUxZWQ5aSBkXHUwMGYybmcgKElubGluZSBzdHlsZXMpPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNzogXHUwMTEwXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIChTcGVjaWZpY2l0eSkgY1x1MWVlN2EgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoI2lkKSBzbyB2XHUxZWRiaSBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoLmNsYXNzKSB0cm9uZyBDU1MgbFx1MDBlMCBuaFx1MDFiMCB0aFx1MWViZiBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGNcdTAwZjMgXHUwMTExXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIGNhbyBoXHUwMWExbiBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBjXHUwMGYzIFx1MDExMVx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiBjYW8gaFx1MDFhMW4gYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaC48XC9saT5cclxuPGxpPkMuIFx1MDExMFx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiBjXHUxZWU3YSBjaFx1MDBmYW5nIGxcdTAwZTAgbmhcdTAxYjAgbmhhdS48XC9saT5cclxuPGxpPkQuIFx1MDExMFx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiBwaFx1MWVlNSB0aHVcdTFlZDljIHZcdTAwZTBvIHRoXHUxZWU5IHRcdTFlZjEgeHVcdTFlYTV0IGhpXHUxZWM3biB0cm9uZyB0XHUxZWM3cCBDU1MuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgODogQ2hvIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTDogPGNvZGU+Jmx0O3AgY2xhc3M9XHJcbjx1bD5cclxuPGxpPkEuIE1cdTAwZTB1IHhhbmggbGFtIChibHVlKTxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBNXHUwMGUwdSBcdTAxMTFcdTFlY2YgKHJlZCk8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBLaFx1MDBmNG5nIGNcdTAwZjMgbVx1MDBlMHUgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZzxcL2xpPlxyXG48bGk+RC4gTVx1MDBlMHUgY2hcdTFlZWYgc1x1MWViZCB0aGF5IFx1MDExMVx1MWVkNWkgZ2lcdTFlZWZhIHhhbmggbGFtIHZcdTAwZTAgXHUwMTExXHUxZWNmPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgOTogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtpXHUxZWMzdSBkXHUwMGUxbmcgQ1NTIGNoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCA8Y29kZT4mbHQ7aW5wdXQmZ3Q7PFwvY29kZT4gY1x1MDBmMyB0aHVcdTFlZDljIHRcdTAwZWRuaCA8Y29kZT50eXBlPVxyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIDxjb2RlPmlucHV0W3R5cGU9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gPGNvZGU+aW5wdXQgLmZvcm0tY29udHJvbFt0eXBlPTxcL2xpPlxyXG48bGk+Qy4gPGNvZGU+LmZvcm0tY29udHJvbCBpbnB1dFt0eXBlPTxcL2xpPlxyXG48bGk+RC4gPGNvZGU+aW5wdXQsIFt0eXBlPTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEwOiBUXHUxZWExaSBzYW8gdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTAwZjluZyBtXHUxZWQ5dCBnaVx1MDBlMSB0clx1MWVjYiBjaG8gdGh1XHUxZWQ5YyB0XHUwMGVkbmggPGNvZGU+aWQ8XC9jb2RlPiB0clx1MDBlYW4gbmhpXHUxZWMxdSBwaFx1MWVhN24gdFx1MWVlZCB0cm9uZyBtXHUxZWQ5dCB0cmFuZyBIVE1MIGxcdTFlYTFpIGtoXHUwMGY0bmcgXHUwMTExXHUwMWIwXHUxZWUzYyBraHV5XHUxZWJmbiBraFx1MDBlZGNoIHZcdTAwZTAgY1x1MDBmMyB0aFx1MWVjMyBnXHUwMGUyeSByYSB2XHUxZWE1biBcdTAxMTFcdTFlYzE/XHJcbjx1bD5cclxuPGxpPkEuIFZcdTAwZWMgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBjXHUwMGYzIFx1MDExMVx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiB0aFx1MWVhNXAgaFx1MDFhMW4gYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAuPFwvbGk+XHJcbjxsaT5CLiBWXHUwMGVjIHRyXHUwMGVjbmggZHV5XHUxZWM3dCBzXHUxZWJkIGtoXHUwMGY0bmcgaGlcdTFlYzNuIHRoXHUxZWNiIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgSUQgdHJcdTAwZjluZyBsXHUxZWI3cC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gVlx1MDBlYyB0aHVcdTFlZDljIHRcdTAwZWRuaCA8Y29kZT5pZDxcL2NvZGU+IHBoXHUxZWEzaSBsXHUwMGUwIGR1eSBuaFx1MWVhNXQgdHJcdTAwZWFuIG1cdTFlZDdpIHRyYW5nIEhUTUwgdlx1MDBlMCB2aVx1MWVjN2MgdHJcdTAwZjluZyBsXHUxZWI3cCBnXHUwMGUyeSBraFx1MDBmMyBraFx1MDEwM24gY2hvIHZpXHUxZWM3YyB4XHUwMGUxYyBcdTAxMTFcdTFlY2JuaCBwaFx1MWVhN24gdFx1MWVlZCBiXHUxZWIxbmcgQ1NTIGhvXHUxZWI3YyBKYXZhU2NyaXB0LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFZcdTAwZWMgXHUwMTExaVx1MWVjMXUgXHUwMTExXHUwMGYzIGxcdTAwZTBtIHRcdTAxMDNuZyBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIHRcdTFlYzdwIENTUyBtXHUxZWQ5dCBjXHUwMGUxY2gga2hcdTAwZjRuZyBjXHUxZWE3biB0aGlcdTFlYmZ0LjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDExOiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MOiA8Y29kZT4mbHQ7c3BhbiBjbGFzcz1cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgY1x1MDBmMyBtXHUwMGUwdSBjaFx1MWVlZiB4YW5oIChibHVlKSB2XHUwMGUwIGluIFx1MDExMVx1MWVhZG0gKGJvbGQpLjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgY1x1MDBmMyBjXHUxZWUxIGNoXHUxZWVmIDE0cHguPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBjXHUwMGYzIG1cdTAwZTB1IGNoXHUxZWVmIHhhbmggKGJsdWUpIHZcdTAwZTAgY1x1MWVlMSBjaFx1MWVlZiAxNHB4LjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBDXHUwMGYzIG1cdTAwZTB1IGNoXHUxZWVmIHhhbmggKGJsdWUpLCBpbiBcdTAxMTFcdTFlYWRtIChib2xkKSB2XHUwMGUwIGNcdTFlZTEgY2hcdTFlZWYgMTRweC48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTI6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgZGFuaCBzXHUwMGUxY2gga2hcdTAwZjRuZyB0aFx1MWVlOSB0XHUxZWYxICg8Y29kZT4mbHQ7dWwmZ3Q7PFwvY29kZT4pIHZcdTAwZTAgbXVcdTFlZDFuIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyByaVx1MDBlYW5nIGNobyBtXHUxZWU1YyBcdTAxMTFcdTFlYTd1IHRpXHUwMGVhbiAoPGNvZGU+Jmx0O2xpJmd0OzxcL2NvZGU+KSB2XHUwMGUwIG1cdTFlZTVjIGN1XHUxZWQxaSBjXHUwMGY5bmcgKDxjb2RlPiZsdDtsaSZndDs8XC9jb2RlPikgdHJvbmcgZGFuaCBzXHUwMGUxY2ggXHUwMTExXHUwMGYzLiBMb1x1MWVhMWkgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8ga1x1MWViZnQgaFx1MWVlM3Agdlx1MWVkYmkgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgaG9cdTFlYjdjIFx1MDExMVx1MWVjYm5oIGRhbmggc1x1MWViZCBnaVx1MDBmYXAgYlx1MWVhMW4gdGhcdTFlZjFjIGhpXHUxZWM3biB2aVx1MWVjN2Mgblx1MDBlMHkgbVx1MWVkOXQgY1x1MDBlMWNoIGhpXHUxZWM3dSBxdVx1MWVhMz9cclxuPHVsPlxyXG48bGk+QS4gQlx1MWVkOSBjaFx1MWVjZG4gY29uIHRyXHUxZWYxYyB0aVx1MWViZnAgKENoaWxkIHNlbGVjdG9yKSB2XHUwMGUwIGJcdTFlZDkgY2hcdTFlY2RuIGFuaCBlbSBsaVx1MWVjMW4ga1x1MWVjMSAoQWRqYWNlbnQgc2libGluZyBzZWxlY3RvcikuPFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiB0aHVcdTFlZDljIHRcdTAwZWRuaCAoQXR0cmlidXRlIHNlbGVjdG9yKSB2XHUwMGUwIGJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWQ1IHF1XHUwMGUxdCAoVW5pdmVyc2FsIHNlbGVjdG9yKS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gZ2lcdTFlYTMgbFx1MWVkYnAgKFBzZXVkby1jbGFzcyBzZWxlY3RvcikgbmhcdTAxYjAgPGNvZGU+OmZpcnN0LWNoaWxkPFwvY29kZT4sIDxjb2RlPjpsYXN0LWNoaWxkPFwvY29kZT4uPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlYzkgY1x1MDBmMyB0aFx1MWVjMyBsXHUwMGUwbSBcdTAxMTFcdTAxYjBcdTFlZTNjIGJcdTFlYjFuZyBjXHUwMGUxY2ggdGhcdTAwZWFtIElEIGhvXHUxZWI3YyBsXHUxZWRicCByaVx1MDBlYW5nIGNobyB0XHUxZWVibmcgbVx1MWVlNWMgbGkgXHUwMTExXHUxZWE3dSB0aVx1MDBlYW4gdlx1MDBlMCBjdVx1MWVkMWkgY1x1MDBmOW5nLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTAwZjMgXHUwMTExb1x1MWVhMW4gSFRNTDogPGNvZGU+Jmx0O2RpdiBpZD1cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBNXHUwMGUwdSB4YW5oIGxcdTAwZTEgY1x1MDBlMnkgKGdyZWVuKTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIE1cdTAwZTB1IHRcdTAwZWRtIChwdXJwbGUpPFwvbGk+XHJcbjxsaT5DLiBNXHUwMGUwdSBtXHUxZWI3YyBcdTAxMTFcdTFlY2JuaCAodGhcdTAxYjBcdTFlZGRuZyBsXHUwMGUwIFx1MDExMWVuKTxcL2xpPlxyXG48bGk+RC4gS2hcdTAwZjRuZyBjXHUwMGYzIG1cdTAwZTB1IG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMGUxcCBkXHUxZWU1bmcgZG8geHVuZyBcdTAxMTFcdTFlZDl0LjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE0OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgbFx1MWVkYnAgQ1NTIHRcdTAwZWFuIGxcdTAwZTAgPGNvZGU+LmJ1dHRvbjxcL2NvZGU+IFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UgY2h1bmcgY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgblx1MDBmYXQgYlx1MWVhNW0gKDxjb2RlPiZsdDtidXR0b24mZ3Q7PFwvY29kZT4pIHRyXHUwMGVhbiB0cmFuZywgdlx1MDBlMCBtXHUxZWQ5dCBsXHUxZWRicCBraFx1MDBlMWMgdFx1MDBlYW4gbFx1MDBlMCA8Y29kZT4ucHJpbWFyeTxcL2NvZGU+IFx1MDExMVx1MWVjMyB0aFx1MDBlYW0ga2lcdTFlYzN1IGRcdTAwZTFuZyBcdTAxMTFcdTFlYjdjIGJpXHUxZWM3dCBjaG8gY1x1MDBlMWMgblx1MDBmYXQgYlx1MWVhNW0gY2hcdTAwZWRuaC4gS2hpIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTFlYTMgaGFpIGxcdTFlZGJwIG5cdTAwZTB5IGNobyBtXHUxZWQ5dCBuXHUwMGZhdCBiXHUxZWE1bSwgY1x1MDBmYSBwaFx1MDBlMXAgSFRNTCBcdTAxMTFcdTAwZmFuZyBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIDxjb2RlPiZsdDtidXR0b24gY2xhc3M9PFwvbGk+XHJcbjxsaT5CLiA8Y29kZT4mbHQ7YnV0dG9uIGNsYXNzPTxcL2xpPlxyXG48bGk+Qy4gPGNvZGU+Jmx0O2J1dHRvbiBjbGFzcz08XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gPGNvZGU+Jmx0O2J1dHRvbiBjbGFzcz08XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTU6IENobyBcdTAxMTFvXHUxZWExbiBDU1M6IDxjb2RlPiNzaWRlYmFyIHsgd2lkdGg6IDIwMHB4OyB9PFwvY29kZT4uIE5cdTFlYmZ1IGNcdTAwZjMgaGFpIHBoXHUxZWE3biB0XHUxZWVkIHRyXHUwMGVhbiB0cmFuZyBjXHUwMGY5bmcgY1x1MDBmMyA8Y29kZT5pZD1cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBDXHUxZWEzIGhhaSBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGYzIHRoXHUxZWMzIFx1MDExMVx1MWVjMXUgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgZFx1MDBlMW5nIDxjb2RlPndpZHRoOiAyMDBweDs8XC9jb2RlPiwgbmhcdTAxYjBuZyBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgaFx1MDBlMG5oIHZpIGtoXHUwMGY0bmcgY2h1XHUxZWE5biB2XHUwMGUwIGtoXHUwMGY0bmcgblx1MDBlYW4gbFx1MDBlMG0uPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgcGhcdTFlYTduIHRcdTFlZWQgPGNvZGU+Jmx0O2JvZHkmZ3Q7PFwvY29kZT4gc1x1MWViZCBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBkXHUwMGUxbmcuPFwvbGk+XHJcbjxsaT5DLiBLaFx1MDBmNG5nIGNcdTAwZjMgcGhcdTFlYTduIHRcdTFlZWQgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgZFx1MDBlMW5nIGRvIGNcdTAwZjMgbFx1MWVkN2kgY1x1MDBmYSBwaFx1MDBlMXAuPFwvbGk+XHJcbjxsaT5ELiBDaFx1MWVjOSBwaFx1MWVhN24gdFx1MWVlZCA8Y29kZT4mbHQ7aHRtbCZndDs8XC9jb2RlPiBzXHUxZWJkIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMGUxcCBkXHUxZWU1bmcga2lcdTFlYzN1IGRcdTAwZTFuZy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNjogQlx1MWVhMW4gY1x1MWVhN24gdFx1MWVhMW8gbVx1MWVkOXQga2lcdTFlYzN1IGRcdTAwZTFuZyBDU1MgY2hcdTFlYzkgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIDxjb2RlPiZsdDtkaXYmZ3Q7PFwvY29kZT4gY1x1MWVlNSB0aFx1MWVjMyBtXHUwMGUwIG5cdTAwZjMgbFx1MDBlMCBjb24gdHJcdTFlZjFjIHRpXHUxZWJmcCBjXHUxZWU3YSBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBraFx1MDBlMWMgY1x1MDBmMyBJRCBsXHUwMGUwIDxjb2RlPiNtYWluLWNvbnRlbnQ8XC9jb2RlPi4gQlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgbVx1MDBmNCB0XHUxZWEzIFx1MDExMVx1MDBmYW5nIG1cdTFlZDFpIHF1YW4gaFx1MWVjNyBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gPGNvZGU+I21haW4tY29udGVudCBkaXYgeyAuLi4gfTxcL2NvZGU+PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIDxjb2RlPiNtYWluLWNvbnRlbnQgJmd0OyBkaXYgeyAuLi4gfTxcL2NvZGU+PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gPGNvZGU+I21haW4tY29udGVudCArIGRpdiB7IC4uLiB9PFwvY29kZT48XC9saT5cclxuPGxpPkQuIDxjb2RlPmRpdiAjbWFpbi1jb250ZW50IHsgLi4uIH08XC9jb2RlPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE3OiBDaG8gXHUwMTExb1x1MWVhMW4gSFRNTDogPGNvZGU+Jmx0O2RpdiBpZD1cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiA8Y29kZT4jYm94IHsgLi4uIH08XC9jb2RlPjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIDxjb2RlPi5jb250YWluZXIgeyAuLi4gfTxcL2NvZGU+PFwvbGk+XHJcbjxsaT5DLiA8Y29kZT5kaXYgeyAuLi4gfTxcL2NvZGU+PFwvbGk+XHJcbjxsaT5ELiA8Y29kZT5kaXYuY29udGFpbmVyIHsgLi4uIH08XC9jb2RlPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE4OiBLaGkgc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgdHJvbmcgQ1NTLCB0XHUwMGVhbiBsXHUxZWRicCAodlx1MDBlZCBkXHUxZWU1OiA8Y29kZT4ubXktY2xhc3M8XC9jb2RlPikgY1x1MDBmMyB0aFx1MWVjMyBjaFx1MWVlOWEgbmhcdTFlZWZuZyBrXHUwMGZkIHRcdTFlZjEgblx1MDBlMG8/IChDaFx1MWVjZG4gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MDExMVx1MDBmYW5nIG5oXHUxZWE1dClcclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgY2hcdTFlZTlhIGNoXHUxZWVmIGNcdTAwZTFpIChhLXosIEEtWikuPFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBjaFx1MWVlOWEgY2hcdTFlZWYgY1x1MDBlMWkgdlx1MDBlMCBzXHUxZWQxLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBDaFx1MWVlOWEgY2hcdTFlZWYgY1x1MDBlMWksIHNcdTFlZDEsIGRcdTFlYTV1IGdcdTFlYTFjaCBuZ2FuZyAoLSkgdlx1MDBlMCBkXHUxZWE1dSBnXHUxZWExY2ggZFx1MDFiMFx1MWVkYmkgKF8pLCBraFx1MDBmNG5nIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgYlx1MWViMW5nIHNcdTFlZDEgaG9cdTFlYjdjIGRcdTFlYTV1IGdcdTFlYTFjaCBuZ2FuZyB0aGVvIHNhdSBzXHUxZWQxLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIENcdTAwZjMgdGhcdTFlYzMgY2hcdTFlZTlhIGJcdTFlYTV0IGtcdTFlZjMga1x1MDBmZCB0XHUxZWYxIG5cdTAwZTBvIG5nb1x1MWVhMWkgdHJcdTFlZWIgZFx1MWVhNXUgY1x1MDBlMWNoLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE5OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBkXHUwMGUxbmcgc2F1Ojxicj48Y29kZT4jbXktZWxlbWVudCB7IGZvbnQtc2l6ZTogMjBweDsgfTxcL2NvZGU+PGJyPjxjb2RlPi5teS1jbGFzcyB7IGZvbnQtc2l6ZTogMTZweDsgfTxcL2NvZGU+PGJyPk5cdTFlYmZ1IG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIEhUTUwgY1x1MDBmMyBjXHUxZWEzIDxjb2RlPmlkPVxyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIDIwcHg8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiAxNnB4PFwvbGk+XHJcbjxsaT5DLiBDXHUxZWUxIGNoXHUxZWVmIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIGNcdTFlZTdhIHRyXHUwMGVjbmggZHV5XHUxZWM3dDxcL2xpPlxyXG48bGk+RC4gQ1x1MWVlMSBjaFx1MWVlZiBzXHUxZWJkIGxcdTAwZTAgdHJ1bmcgYlx1MDBlY25oIGNcdTFlZDluZyBjXHUxZWU3YSAyMHB4IHZcdTAwZTAgMTZweC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMDogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGJcdTFlZDkgY2hcdTFlY2RuIENTUyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGYzIGxcdTFlZGJwIDxjb2RlPi53YXJuaW5nPFwvY29kZT4gVlx1MDBjMCBjXHUwMTY5bmcgY1x1MDBmMyBsXHUxZWRicCA8Y29kZT4ubWVzc2FnZTxcL2NvZGU+LiBDXHUwMGZhIHBoXHUwMGUxcCBiXHUxZWQ5IGNoXHUxZWNkbiBuXHUwMGUwbyBsXHUwMGUwIFx1MDExMVx1MDBmYW5nP1xyXG48dWw+XHJcbjxsaT5BLiA8Y29kZT4ud2FybmluZywgLm1lc3NhZ2UgeyAuLi4gfTxcL2NvZGU+PFwvbGk+XHJcbjxsaT5CLiA8Y29kZT4ud2FybmluZyAubWVzc2FnZSB7IC4uLiB9PFwvY29kZT48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gPGNvZGU+Lndhcm5pbmcubWVzc2FnZSB7IC4uLiB9PFwvY29kZT48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiA8Y29kZT4ud2FybmluZyArIC5tZXNzYWdlIHsgLi4uIH08XC9jb2RlPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIxOiBDaG8gXHUwMTExb1x1MWVhMW4gSFRNTDogPGNvZGU+Jmx0O2EgaHJlZj1cclxuPHVsPlxyXG48bGk+QS4gQ1x1MDBmMyBnXHUxZWExY2ggY2hcdTAwZTJuIHZcdTAwZTAgbVx1MDBlMHUgY2hcdTFlZWYgbVx1MWViN2MgXHUwMTExXHUxZWNibmguPFwvbGk+XHJcbjxsaT5CLiBDXHUwMGYzIGdcdTFlYTFjaCBjaFx1MDBlMm4gdlx1MDBlMCBtXHUwMGUwdSBjaFx1MWVlZiBcdTAxMTFcdTFlY2YuPFwvbGk+XHJcbjxsaT5DLiBLaFx1MDBmNG5nIGdcdTFlYTFjaCBjaFx1MDBlMm4gdlx1MDBlMCBtXHUwMGUwdSBjaFx1MWVlZiBtXHUxZWI3YyBcdTAxMTFcdTFlY2JuaC48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gS2hcdTAwZjRuZyBnXHUxZWExY2ggY2hcdTAwZTJuIHZcdTAwZTAgbVx1MDBlMHUgY2hcdTFlZWYgXHUwMTExXHUxZWNmLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMjogS2hpIG5cdTAwZTBvIGJcdTFlYTFuIG5cdTAwZWFuIGNcdTAwZTJuIG5oXHUxZWFmYyBzXHUxZWVkIGRcdTFlZTVuZyBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oICgjaWQpIHRoYXkgdlx1MDBlYyBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoLmNsYXNzKSBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZD9cclxuPHVsPlxyXG48bGk+QS4gS2hpIGJcdTFlYTFuIG11XHUxZWQxbiBcdTAwZTFwIGRcdTFlZTVuZyBjXHUwMGY5bmcgbVx1MWVkOXQga2lcdTFlYzN1IGRcdTAwZTFuZyBjaG8gbmhpXHUxZWMxdSBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gS2hpIGJcdTFlYTFuIG11XHUxZWQxbiBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UgY2hvIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGR1eSBuaFx1MWVhNXQgdlx1MDBlMCB4XHUwMGUxYyBcdTAxMTFcdTFlY2JuaCBuXHUwMGYzIG1cdTFlZDl0IGNcdTAwZTFjaCByaVx1MDBlYW5nIGJpXHUxZWM3dCB0clx1MDBlYW4gdHJhbmcuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gS2hpIGJcdTFlYTFuIG11XHUxZWQxbiBraVx1MWVjM3UgZFx1MDBlMW5nIFx1MDExMVx1MDBmMyBjXHUwMGYzIHRoXHUxZWMzIGJcdTFlY2IgZ2hpIFx1MDExMVx1MDBlOCBkXHUxZWM1IGRcdTAwZTBuZyBiXHUxZWRmaSBjXHUwMGUxYyBiXHUxZWQ5IGNoXHUxZWNkbiBraFx1MDBlMWMuPFwvbGk+XHJcbjxsaT5ELiBLaGkgYlx1MWVhMW4gbXVcdTFlZDFuIG5oXHUwMGYzbSBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGYzIGNodW5nIFx1MDExMVx1MWViN2MgXHUwMTExaVx1MWVjM20ga2lcdTFlYzN1IGRcdTAwZTFuZy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMzogQ2hvIFx1MDExMW9cdTFlYTFuIENTUzo8YnI+PGNvZGU+ZGl2IHsgYm9yZGVyOiAxcHggc29saWQgYmxhY2s7IH08XC9jb2RlPjxicj48Y29kZT4uYm94IHsgYm9yZGVyLWNvbG9yOiByZWQ7IH08XC9jb2RlPjxicj48Y29kZT4jbXktYm94IHsgYm9yZGVyLXdpZHRoOiAycHg7IH08XC9jb2RlPjxicj5OXHUxZWJmdSBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCA8Y29kZT4mbHQ7ZGl2IGlkPVxyXG48dWw+XHJcbjxsaT5BLiBWaVx1MWVjMW4gZFx1MDBlMHkgMXB4LCBraVx1MWVjM3Ugc29saWQsIG1cdTAwZTB1IFx1MDExMWVuLjxcL2xpPlxyXG48bGk+Qi4gVmlcdTFlYzFuIGRcdTAwZTB5IDFweCwga2lcdTFlYzN1IHNvbGlkLCBtXHUwMGUwdSBcdTAxMTFcdTFlY2YuPFwvbGk+XHJcbjxsaT5DLiBWaVx1MWVjMW4gZFx1MDBlMHkgMnB4LCBraVx1MWVjM3Ugc29saWQsIG1cdTAwZTB1IFx1MDExMWVuLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBWaVx1MWVjMW4gZFx1MDBlMHkgMnB4LCBraVx1MWVjM3Ugc29saWQsIG1cdTAwZTB1IFx1MDExMVx1MWVjZi48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjQ6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBiXHUxZWQ5IGNoXHUxZWNkbiBjaFx1MWVjOSBuaFx1MWVhZm0gbVx1MWVlNWMgdGlcdTAwZWF1IFx1MDExMVx1MWViZm4gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgPGNvZGU+Jmx0O3AmZ3Q7PFwvY29kZT4gblx1MWViMW0gYlx1MDBlYW4gdHJvbmcgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgY1x1MDBmMyBJRCBsXHUwMGUwIDxjb2RlPiNhcnRpY2xlPFwvY29kZT4uIENcdTAwZmEgcGhcdTAwZTFwIGJcdTFlZDkgY2hcdTFlY2RuIG5cdTAwZTBvIGxcdTAwZTAgXHUwMTExXHUwMGZhbmc/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gPGNvZGU+I2FydGljbGUgcCB7IC4uLiB9PFwvY29kZT48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiA8Y29kZT4jYXJ0aWNsZSAmZ3Q7IHAgeyAuLi4gfTxcL2NvZGU+PFwvbGk+XHJcbjxsaT5DLiA8Y29kZT4jYXJ0aWNsZSArIHAgeyAuLi4gfTxcL2NvZGU+PFwvbGk+XHJcbjxsaT5ELiA8Y29kZT5wICNhcnRpY2xlIHsgLi4uIH08XC9jb2RlPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI1OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgblx1MDBmYXQgYlx1MWVhNW0gPGNvZGU+Jmx0O2J1dHRvbiZndDs8XC9jb2RlPiB2XHUwMGUwIG11XHUxZWQxbiBcdTAwZTFwIGRcdTFlZTVuZyBtXHUxZWQ5dCBsXHUxZWRicCA8Y29kZT4uZGlzYWJsZWQ8XC9jb2RlPiBcdTAxMTFcdTFlYzMgbFx1MDBlMG0gbVx1MWVkZCBuXHUwMGZhdCBraGkgblx1MDBmMyBiXHUxZWNiIHZcdTAwZjQgaGlcdTFlYzd1IGhcdTAwZjNhLiBMXHUxZWRicCA8Y29kZT4uZGlzYWJsZWQ8XC9jb2RlPiBuXHUwMGUweSBuXHUwMGVhbiBcdTAxMTFcdTFlY2JuaCBuZ2hcdTAxMjlhIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbyBcdTAxMTFcdTFlYzMgXHUwMTExaVx1MWVjMXUgY2hcdTFlYzluaCBcdTAxMTFcdTFlZDkgdHJvbmcgc3VcdTFlZDF0P1xyXG48dWw+XHJcbjxsaT5BLiA8Y29kZT52aXNpYmlsaXR5PFwvY29kZT48XC9saT5cclxuPGxpPkIuIDxjb2RlPmRpc3BsYXk8XC9jb2RlPjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiA8Y29kZT5vcGFjaXR5PFwvY29kZT48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiA8Y29kZT5maWx0ZXI8XC9jb2RlPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI2OiBCXHUxZWExbiBuaFx1MWVhZG4gdGhcdTFlYTV5IGtpXHUxZWMzdSBkXHUwMGUxbmcgQ1NTIGJcdTFlYTFuIHZpXHUxZWJmdCBjaG8gbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgY1x1MDBmMyBJRCBjXHUxZWU1IHRoXHUxZWMzIGtoXHUwMGY0bmcgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZywgbVx1MWViN2MgZFx1MDBmOSBjXHUwMGZhIHBoXHUwMGUxcCBjXHUwMGYzIHZcdTFlYmIgXHUwMTExXHUwMGZhbmcuIE5ndXlcdTAwZWFuIG5oXHUwMGUybiBwaFx1MWVkNSBiaVx1MWViZm4gbmhcdTFlYTV0IGdcdTAwZTJ5IHJhIHZcdTFlYTVuIFx1MDExMVx1MWVjMSBuXHUwMGUweSBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gU2FpIGNoXHUwMGVkbmggdFx1MWVhMyAodHlwbykgdHJvbmcgdFx1MDBlYW4gSUQgXHUxZWRmIHRodVx1MWVkOWMgdFx1MDBlZG5oIDxjb2RlPmlkPFwvY29kZT4gdHJvbmcgSFRNTCBob1x1MWViN2MgdHJvbmcgYlx1MWVkOSBjaFx1MWVjZG4gPGNvZGU+I2lkPFwvY29kZT4gdHJvbmcgQ1NTLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFx1MDExMFx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiBjXHUxZWU3YSBiXHUxZWQ5IGNoXHUxZWNkbiBJRCBxdVx1MDBlMSB0aFx1MWVhNXAgblx1MDBlYW4gYlx1MWVjYiBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBnaGkgXHUwMTExXHUwMGU4LjxcL2xpPlxyXG48bGk+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gSUQgY2hcdTFlYzkgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGtoXHUxZWQxaSwga2hcdTAwZjRuZyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gcGhcdTFlYTduIHRcdTFlZWQgblx1MWVkOWkgZFx1MDBmMm5nLjxcL2xpPlxyXG48bGk+RC4gVHJcdTAwZWNuaCBkdXlcdTFlYzd0IGtoXHUwMGY0bmcgaFx1MWVkNyB0clx1MWVlMyBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI3OiBDaG8gXHUwMTExb1x1MWVhMW4gQ1NTOjxicj48Y29kZT4uaXRlbSB7IHBhZGRpbmc6IDEwcHg7IH08XC9jb2RlPjxicj48Y29kZT4uaXRlbSB7IG1hcmdpbjogNXB4OyB9PFwvY29kZT48YnI+Tlx1MWViZnUgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgY1x1MDBmMyBsXHUxZWRicCA8Y29kZT4uaXRlbTxcL2NvZGU+LCBuXHUwMGYzIHNcdTFlYmQgY1x1MDBmMyBnaVx1MDBlMSB0clx1MWVjYiA8Y29kZT5wYWRkaW5nPFwvY29kZT4gdlx1MDBlMCA8Y29kZT5tYXJnaW48XC9jb2RlPiBsXHUwMGUwIGJhbyBuaGlcdTAwZWF1P1xyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVjOSBjXHUwMGYzIDxjb2RlPnBhZGRpbmc6IDEwcHg7PFwvY29kZT4gXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZy48XC9saT5cclxuPGxpPkIuIENoXHUxZWM5IGNcdTAwZjMgPGNvZGU+bWFyZ2luOiA1cHg7PFwvY29kZT4gXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZy48XC9saT5cclxuPGxpPkMuIENcdTFlYTMgaGFpIHRodVx1MWVkOWMgdFx1MDBlZG5oIGJcdTFlY2IgaFx1MWVlN3kgZG8gdHJcdTAwZjluZyBsXHUxZWI3cC48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gQ1x1MWVhMyA8Y29kZT5wYWRkaW5nOiAxMHB4OzxcL2NvZGU+IHZcdTAwZTAgPGNvZGU+bWFyZ2luOiA1cHg7PFwvY29kZT4gXHUwMTExXHUxZWMxdSBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyODogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGJcdTFlZDkgY2hcdTFlY2RuIENTUyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCA8Y29kZT4mbHQ7bGkmZ3Q7PFwvY29kZT4gY1x1MDBmMyBsXHUxZWRicCA8Y29kZT4uc3BlY2lhbDxcL2NvZGU+IG5cdTFlYjFtIHRyb25nIG1cdTFlZDl0IGRhbmggc1x1MDBlMWNoIGtoXHUwMGY0bmcgdGhcdTFlZTkgdFx1MWVmMSAoPGNvZGU+Jmx0O3VsJmd0OzxcL2NvZGU+KSBjXHUwMGYzIElEIGxcdTAwZTAgPGNvZGU+I215LWxpc3Q8XC9jb2RlPi4gQlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgbFx1MDBlMCBcdTAxMTFcdTAwZmFuZyB2XHUwMGUwIGhpXHUxZWM3dSBxdVx1MWVhMyBuaFx1MWVhNXQ/XHJcbjx1bD5cclxuPGxpPkEuIDxjb2RlPiNteS1saXN0IC5zcGVjaWFsIGxpIHsgLi4uIH08XC9jb2RlPjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiA8Y29kZT4jbXktbGlzdCBsaS5zcGVjaWFsIHsgLi4uIH08XC9jb2RlPjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIDxjb2RlPi5zcGVjaWFsICNteS1saXN0IGxpIHsgLi4uIH08XC9jb2RlPjxcL2xpPlxyXG48bGk+RC4gPGNvZGU+bGkuc3BlY2lhbCAjbXktbGlzdCB7IC4uLiB9PFwvY29kZT48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOTogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBjXHUwMGYzIFx1MDExMW9cdTFlYTFuIEhUTUw6IDxjb2RlPiZsdDtwIGlkPVxyXG48dWw+XHJcbjxsaT5BLiBNXHUwMGUwdSB4YW5oIGxhbSAoYmx1ZSk8XC9saT5cclxuPGxpPkIuIE1cdTAwZTB1IHhhbmggbFx1MDBlMSBjXHUwMGUyeSAoZ3JlZW4pPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIE1cdTAwZTB1IFx1MDExMVx1MWVjZiAocmVkKTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIE1cdTAwZTB1IG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oICh0aFx1MDFiMFx1MWVkZG5nIGxcdTAwZTAgXHUwMTExZW4pPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzA6IEJcdTFlYTFuIFx1MDExMWFuZyB4XHUwMGUyeSBkXHUxZWYxbmcgbVx1MWVkOXQgZm9ybSB2XHUwMGUwIG11XHUxZWQxbiBcdTAxMTFcdTFlY2JuaCBraVx1MWVjM3UgXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QgY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgKDxjb2RlPiZsdDtpbnB1dCZndDs8XC9jb2RlPikgdlx1MDBlMCB2XHUwMGY5bmcgdlx1MDEwM24gYlx1MWVhM24gKDxjb2RlPiZsdDt0ZXh0YXJlYSZndDs8XC9jb2RlPikgdHJcdTAwZWFuIHRyYW5nLiBCXHUxZWQ5IGNoXHUxZWNkbiBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBjaG8gcGhcdTAwZTlwIGJcdTFlYTFuIFx1MDBlMXAgZFx1MWVlNW5nIGNcdTAwZjluZyBtXHUxZWQ5dCB0XHUxZWFkcCBoXHUxZWUzcCBraVx1MWVjM3UgZFx1MDBlMW5nIGNobyBjXHUxZWEzIGhhaSBsb1x1MWVhMWkgcGhcdTFlYTduIHRcdTFlZWQgblx1MDBlMHkgbVx1MWVkOXQgY1x1MDBlMWNoIGhpXHUxZWM3dSBxdVx1MWVhMz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiA8Y29kZT5pbnB1dCwgdGV4dGFyZWEgeyAuLi4gfTxcL2NvZGU+PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gPGNvZGU+aW5wdXQgdGV4dGFyZWEgeyAuLi4gfTxcL2NvZGU+PFwvbGk+XHJcbjxsaT5DLiA8Y29kZT5pbnB1dCArIHRleHRhcmVhIHsgLi4uIH08XC9jb2RlPjxcL2xpPlxyXG48bGk+RC4gPGNvZGU+aW5wdXQgJmd0OyB0ZXh0YXJlYSB7IC4uLiB9PFwvY29kZT48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiI4MjY5NjMsODI2OTY0LDgyNjk2NSw4MjY5NjYsODI2OTY3LDgyNjk2OCw4MjY5NjksODI2OTcwLDgyNjk3MSw4MjY5NzIsODI2OTczLDgyNjk3NCw4MjY5NzUsODI2OTc2LDgyNjk3Nyw4MjY5NzgsODI2OTc5LDgyNjk4MCw4MjY5ODEsODI2OTgyLDgyNjk4Myw4MjY5ODQsODI2OTg1LDgyNjk4Niw4MjY5ODcsODI2OTg4LDgyNjk4OSw4MjY5OTAsODI2OTkxLDgyNjk5MiIsIm9yZGVyaW5nIjoiMjc3MTIiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='27712'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_27712' value='45d85a0ccb'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-28650'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_28650' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 02</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 02</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p> <div class="question-block"> <p>Câu 1: Trong CSS, bộ chọn lớp (class selector) được khai báo bằng ký tự nào đứng trước tên lớp?</p> <ul> <li>A. #</li> <li><strong>B. .</strong></li> <li>C. *</li> <li>D. :</li> </ul> </div> <div class="question-block"> <p>Câu 2: Trong CSS, bộ chọn định danh (ID selector) được khai báo bằng ký tự nào đứng trước tên định danh?</p> <ul> <li><strong>A. #</strong></li> <li>B. .</li> <li>C. &</li> <li>D. %</li> </ul> </div> <div class="question-block"> <p>Câu 3: Mục đích chính của việc sử dụng bộ chọn lớp trong CSS là gì?</p> <ul> <li>A. Áp dụng kiểu dáng cho một phần tử duy nhất trên trang.</li> <li>B. Chọn tất cả các phần tử cùng loại (ví dụ: tất cả thẻ p).</li> <li><strong>C. Áp dụng cùng một kiểu dáng cho nhiều phần tử khác nhau hoặc các phần tử cùng loại.</strong></li> <li>D. Chọn các phần tử dựa trên vị trí của chúng trong cấu trúc HTML.</li> </ul> </div> <div class="question-block"> <p>Câu 4: Mục đích chính của việc sử dụng bộ chọn định danh trong CSS là gì?</p> <ul> <li><strong>A. Áp dụng kiểu dáng cho một phần tử duy nhất và xác định trên trang.</strong></li> <li>B. Áp dụng cùng một kiểu dáng cho nhóm các phần tử.</li> <li>C. Chọn các phần tử dựa trên nội dung văn bản của chúng.</li> <li>D. Chọn các phần tử dựa trên trạng thái tương tác của chúng (ví dụ: khi di chuột qua).</li> </ul> </div> <div class="question-block"> <p>Câu 5: Để áp dụng lớp có tên "highlight" cho một thẻ `</p> <p>` trong HTML, cú pháp đúng là gì?</p> <ul> <li>A. <p id="highlight">Nội dung</p> </li> <li>B. <p style="class: highlight;">Nội dung</p> </li> <li>C. <p name="highlight">Nội dung</p> </li> <li><strong>D. <p class="highlight">Nội dung</p> <p></strong></li> </ul> </div> <div class="question-block"> <p>Câu 6: Để áp dụng định danh có tên "main-header" cho một thẻ `</p> <h1>` trong HTML, cú pháp đúng là gì?</p> <ul> <li>A.<br /> <h1 class="main-header">Tiêu đề chính</h1> </li> <li><strong>B.<br /> <h1 id="main-header">Tiêu đề chính</h1> <p></strong></li> <li>C.<br /> <h1 name="main-header">Tiêu đề chính</h1> </li> <li>D.<br /> <h1 style="id: main-header;">Tiêu đề chính</h1> </li> </ul> </div> <div class="question-block"> <p>Câu 7: Để áp dụng cả hai lớp "text-center" và "large-font" cho một thẻ `</p> <div>` trong HTML, cú pháp đúng là gì?</p> <ul> <li>A. <div class="text-center, large-font">Nội dung</div> </li> <li>B. <div class="text-center large-font">Nội dung</div> </li> <li><strong>C. <div classes="text-center large-font">Nội dung</div> <p></strong></li> <li>D. <div class="text-center" class="large-font">Nội dung</div> </li> </ul> </div> <div class="question-block"> <p>Câu 8: Bạn muốn tất cả các phần tử có lớp "error-message" hiển thị chữ màu đỏ. Quy tắc CSS đúng để thực hiện điều này là gì?</p> <ul> <li><strong>A. .error-message { color: red; }</strong></li> <li>B. #error-message { color: red; }</li> <li>C. error-message { color: red; }</li> <li>D. *error-message { color: red; }</li> </ul> </div> <div class="question-block"> <p>Câu 9: Bạn muốn phần tử có định danh "sidebar" có màu nền là xanh nhạt (#e0f2f7). Quy tắc CSS đúng để thực hiện điều này là gì?</p> <ul> <li>A. .sidebar { background-color: #e0f2f7; }</li> <li>B. sidebar { background-color: #e0f2f7; }</li> <li>C. *sidebar { background-color: #e0f2f7; }</li> <li><strong>D. #sidebar { background-color: #e0f2f7; }</strong></li> </ul> </div> <div class="question-block"> <p>Câu 10: Cho đoạn HTML sau: `</p> <p class="intro">Đây là đoạn giới thiệu.</p> <p>`. Quy tắc CSS `p.intro { font-style: italic; }` sẽ áp dụng cho phần tử nào?</p> <ul> <li>A. Tất cả các thẻ ` <p>` trên trang.</li> <li><strong>B. Chỉ các thẻ ` <p>` có lớp "intro".</strong></li> <li>C. Tất cả các phần tử có lớp "intro", bất kể loại thẻ.</li> <li>D. Không áp dụng cho phần tử nào vì cú pháp sai.</li> </ul> </div> <div class="question-block"> <p>Câu 11: Cho đoạn HTML sau: `</p> <div id="header">Tiêu đề trang</div> <p>`. Quy tắc CSS `div#header { border-bottom: 1px solid black; }` sẽ áp dụng cho phần tử nào?</p> <ul> <li><strong>A. Chỉ thẻ ` <div>` có định danh "header".</strong></li> <li>B. Tất cả các thẻ ` <div>` trên trang.</li> <li>C. Tất cả các phần tử có định danh "header", bất kể loại thẻ.</li> <li>D. Không áp dụng cho phần tử nào vì cú pháp sai.</li> </ul> </div> <div class="question-block"> <p>Câu 12: Cho HTML: `<span class="icon small"></span>`. Quy tắc CSS `.icon.small { display: inline-block; }` sẽ áp dụng cho phần tử nào?</p> <ul> <li>A. Tất cả các thẻ `<span>`.</li> <li>B. Các phần tử có lớp "icon" HOẶC lớp "small".</li> <li><strong>C. Các phần tử có ĐỒNG THỜI cả lớp "icon" và lớp "small".</strong></li> <li>D. Không áp dụng cho phần tử nào vì cú pháp sai.</li> </ul> </div> <div class="question-block"> <p>Câu 13: Bạn muốn định dạng một nhóm các nút (button) có cùng kiểu dáng (ví dụ: màu nền, bo góc). Loại bộ chọn nào phù hợp và tái sử dụng tốt nhất trong trường hợp này?</p> <ul> <li>A. Bộ chọn định danh (ID selector).</li> <li><strong>B. Bộ chọn lớp (Class selector).</strong></li> <li>C. Bộ chọn phần tử (Element selector).</li> <li>D. Bộ chọn thuộc tính (Attribute selector).</li> </ul> </div> <div class="question-block"> <p>Câu 14: Bạn muốn tạo kiểu dáng riêng biệt cho phần chân trang (footer) của trang web, và bạn biết rằng chỉ có duy nhất một phần chân trang trên mỗi trang. Loại bộ chọn nào phù hợp nhất để đảm bảo tính duy nhất và dễ dàng truy cập bằng JavaScript (nếu cần)?</p> <ul> <li><strong>A. Bộ chọn định danh (ID selector).</strong></li> <li>B. Bộ chọn lớp (Class selector).</li> <li>C. Bộ chọn phần tử (Element selector).</li> <li>D. Bộ chọn nhóm (Group selector).</li> </ul> </div> <div class="question-block"> <p>Câu 15: Cho đoạn HTML: `</p> <div id="main">Nội dung chính</div> <p>` và `</p> <p class="main">Đoạn văn</p> <p>`. Quy tắc CSS `#main { color: blue; }` sẽ áp dụng cho phần tử nào?</p> <ul> <li><strong>A. Chỉ thẻ ` <div>` có định danh "main".</strong></li> <li>B. Chỉ thẻ ` <p>` có lớp "main".</li> <li>C. Cả thẻ ` <div>` và thẻ `</p> <p>` vì tên "main" giống nhau.</li> <li>D. Không áp dụng cho phần tử nào.</li> </ul> </div> <div class="question-block"> <p>Câu 16: Cho đoạn HTML: `<button class="btn primary">Gửi</button>`. Nếu có hai quy tắc CSS: `.btn { padding: 10px; }` và `.primary { background-color: blue; }`, thì nút "Gửi" sẽ có kiểu dáng gì?</p> <ul> <li>A. Chỉ có padding 10px.</li> <li>B. Chỉ có màu nền xanh.</li> <li><strong>C. Có cả padding 10px và màu nền xanh.</strong></li> <li>D. Không áp dụng kiểu dáng nào vì có hai lớp.</li> </ul> </div> <div class="question-block"> <p>Câu 17: Trong một tài liệu HTML hợp lệ, điều gì xảy ra nếu bạn vô tình sử dụng cùng một giá trị cho thuộc tính `id` trên hai phần tử khác nhau?</p> <ul> <li>A. Trang web sẽ không hiển thị.</li> <li>B. Trình duyệt sẽ báo lỗi và dừng thực thi CSS/JavaScript liên quan.</li> <li>C. Chỉ phần tử đầu tiên trong mã HTML nhận kiểu dáng từ bộ chọn định danh.</li> <li><strong>D. Trang web vẫn hiển thị, các quy tắc CSS sử dụng bộ chọn định danh có thể vẫn được áp dụng cho cả hai phần tử (tùy trình duyệt), nhưng đây là hành vi không hợp lệ và có thể gây ra lỗi với JavaScript hoặc các xử lý khác dựa trên ID duy nhất.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 18: Bạn có một danh sách các mục (`</p> <li>`) và muốn mục đầu tiên có màu chữ khác biệt (ví dụ: xanh lá cây), trong khi các mục khác vẫn giữ màu mặc định hoặc màu từ các quy tắc khác. Loại bộ chọn nào kết hợp với bộ chọn phần tử (`li`) là phù hợp nhất để nhắm mục tiêu <i>chỉ</i> mục đầu tiên một cách chính xác và duy nhất? <ul> <li><strong>A. Bộ chọn định danh (ID selector) trên thẻ ` <li>` đầu tiên.</strong></li> <li>B. Bộ chọn lớp (Class selector) áp dụng cho tất cả các thẻ ` <li>`.</li> <li>C. Bộ chọn phần tử `li` đơn thuần.</li> <li>D. Áp dụng kiểu dáng trực tiếp bằng thuộc tính `style` trong HTML.</li> </ul> </div> <div class="question-block"> <p>Câu 19: Cho CSS sau: `.note { font-size: 14px; }`. HTML nào dưới đây sẽ hiển thị văn bản với cỡ chữ 14px?</p> <ul> <li>A. <p id="note">Văn bản</p> </li> <li>B. <div name="note">Văn bản</div> </li> <li><strong>C. <span class="note">Văn bản</span></strong></li> <li>D.<br /> <h1>note</h1> </li> </ul> </div> <div class="question-block"> <p>Câu 20: Cho CSS sau: `#main-section { margin-top: 20px; }`. HTML nào dưới đây sẽ có lề trên 20px?</p> <ul> <li><strong>A. <div id="main-section">Nội dung</div> <p></strong></li> <li>B. <p class="main-section">Đoạn văn</p> </li> <li>C. <span>main-section</span></li> <li>D.<br /> <footer>id="main-section"</footer> </li> </ul> </div> <div class="question-block"> <p>Câu 21: Bạn đang thiết kế một biểu mẫu và muốn các trường nhập liệu (`<input>`) có viền màu xám. Tuy nhiên, bạn muốn trường nhập liệu "email" có viền màu xanh dương để làm nổi bật. Cách tiếp cận hiệu quả nhất để thực hiện điều này sử dụng bộ chọn lớp và định danh là gì?</p> <ul> <li>A. Dùng bộ chọn lớp cho tất cả `<input>`, sau đó dùng bộ chọn lớp khác cho trường email.</li> <li>B. Dùng bộ chọn định danh cho tất cả `<input>`, sau đó dùng bộ chọn định danh khác cho trường email.</li> <li>C. Dùng bộ chọn phần tử `input` cho tất cả, sau đó áp dụng kiểu dáng trực tiếp bằng thuộc tính `style` cho trường email.</li> <li><strong>D. Dùng bộ chọn phần tử `input` cho viền xám chung, sau đó dùng bộ chọn định danh `#email-field` (với `id="email-field"` trên thẻ input email) để ghi đè viền màu xanh dương cho trường email.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 22: Phát biểu nào sau đây về bộ chọn lớp và bộ chọn định danh là SAI?</p> <ul> <li>A. Một phần tử HTML có thể có nhiều lớp nhưng chỉ nên có một định danh duy nhất.</li> <li>B. Bộ chọn định danh có độ ưu tiên (specificity) cao hơn bộ chọn lớp.</li> <li><strong>C. Tên lớp và tên định danh đều không được chứa dấu gạch ngang (-).</strong></li> <li>D. Bộ chọn lớp được sử dụng để nhóm các phần tử có cùng kiểu dáng, trong khi bộ chọn định danh được sử dụng cho một phần tử duy nhất.</li> </ul> </div> <div class="question-block"> <p>Câu 23: Cho đoạn mã HTML: `</p> <div class="box primary">Nội dung</div> <p>`. Để viết quy tắc CSS chỉ áp dụng cho thẻ `div` này (có cả hai lớp "box" và "primary"), cú pháp nào là chính xác?</p> <ul> <li><strong>A. div.box.primary { ... }</strong></li> <li>B. .box.primary div { ... }</li> <li>C. div .box .primary { ... }</li> <li>D. #box#primary { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 24: Khi nào thì việc sử dụng bộ chọn định danh (#) là lựa chọn tốt hơn so với bộ chọn lớp (.)?</p> <ul> <li>A. Khi bạn muốn áp dụng cùng một kiểu dáng cho nhiều phần tử.</li> <li><strong>B. Khi bạn muốn định dạng một phần tử cụ thể, duy nhất trên trang (ví dụ: header chính, footer, sidebar).</strong></li> <li>C. Khi bạn muốn nhóm các phần tử lại để áp dụng kiểu dáng chung.</li> <li>D. Khi bạn cần định dạng các phần tử dựa trên trạng thái tương tác của chúng.</li> </ul> </div> <div class="question-block"> <p>Câu 25: Bạn có một trang web với nhiều hình ảnh. Bạn muốn áp dụng một đường viền màu xám cho tất cả các hình ảnh có kích thước nhỏ. Bạn đã đánh dấu các hình ảnh nhỏ bằng lớp "small-img". Quy tắc CSS nào sau đây sẽ chỉ áp dụng đường viền cho các hình ảnh có lớp "small-img"?</p> <ul> <li>A. .small-img { border: 1px solid gray; }</li> <li>B. img { border: 1px solid gray; }</li> <li><strong>C. img.small-img { border: 1px solid gray; }</strong></li> <li>D. #small-img { border: 1px solid gray; }</li> </ul> </div> <div class="question-block"> <p>Câu 26: Cho đoạn CSS: `.box { background-color: lightblue; }`. Bạn có HTML `</p> <div class="box"></div> <p class="box"> <p>`. Quy tắc CSS này sẽ áp dụng cho những phần tử nào?</p> <ul> <li>A. Chỉ thẻ ` <div>`.</li> <li>B. Chỉ thẻ ` <p>`.</li> <li>C. Không áp dụng cho phần tử nào vì loại thẻ khác nhau.</li> <li><strong>D. Cả thẻ ` <div>` và thẻ `</p> <p>`.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 27: Cho đoạn CSS: `#unique-item { font-weight: bold; }`. Bạn có HTML `</p> <li id="unique-item">Mục 1</li> <li>Mục 2</li> <p>`. Quy tắc CSS này sẽ áp dụng cho những phần tử nào?</p> <ul> <li><strong>A. Chỉ thẻ ` <li>` có định danh "unique-item".</strong></li> <li>B. Tất cả các thẻ ` <li>` trong danh sách.</li> <li>C. Không áp dụng cho phần tử nào vì ID chỉ dùng cho `div`.</li> <li>D. Áp dụng cho tất cả các phần tử trên trang.</li> </ul> </div> <div class="question-block"> <p>Câu 28: Trong CSS, độ ưu tiên (specificity) của bộ chọn định danh (#) so với bộ chọn lớp (.) là như thế nào?</p> <ul> <li><strong>A. Bộ chọn định danh có độ ưu tiên cao hơn bộ chọn lớp.</strong></li> <li>B. Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh.</li> <li>C. Độ ưu tiên của chúng là như nhau.</li> <li>D. Độ ưu tiên phụ thuộc vào thứ tự khai báo trong tệp CSS.</li> </ul> </div> <div class="question-block"> <p>Câu 29: Bạn có một thẻ `<img>` và muốn áp dụng cả lớp "bordered" (đường viền) và định danh "profile-pic" (kích thước cố định) cho nó. Cú pháp HTML đúng để làm điều này là gì?</p> <ul> <li>A. <img decoding="async" class="bordered" class="profile-pic" src="..."></li> <li><strong>B. <img decoding="async" class="bordered" id="profile-pic" src="..."></strong></li> <li>C. <img decoding="async" id="bordered" class="profile-pic" src="..."></li> <li>D. <img decoding="async" classes="bordered" ids="profile-pic" src="..."></li> </ul> </div> <div class="question-block"> <p>Câu 30: Xét đoạn HTML: `</p> <div id="container"> <p class="text">Hello</p> </p></div> <p>`. Quy tắc CSS `#container .text { color: green; }` sẽ áp dụng cho phần tử nào?</p> <ul> <li><strong>A. Thẻ ` <p>` nằm bên trong thẻ `</p> <div>` có định danh "container" và có lớp "text".</strong></li> <li>B. Tất cả các thẻ ` <p>` có lớp "text" trên trang.</li> <li>C. Thẻ ` <div>` có định danh "container".</li> <li>D. Tất cả các phần tử có lớp "text" nằm bên trong bất kỳ thẻ ` <div>` nào.</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='28650'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-10-bo-chon-lop-bo-chon-dinh-danh-canh-dieu/'/> <input type='hidden' name='ays_quiz_questions' value='854996,854997,854998,854999,855000,855001,855002,855003,855004,855005,855006,855007,855008,855009,855010,855011,855012,855013,855014,855015,855016,855017,855018,855019,855020,855021,855022,855023,855024,855025'> </div> </div><div class='step ' data-question-id='854996' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Trong CSS, bộ chọn lớp (class selector) được khai báo bằng ký tự nào đứng trước tên lớp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854996]' id='ays-answer-3446597-28650' value='3446597'/> <label for='ays-answer-3446597-28650' class=' ays_position_initial ays-quiz-keyboard-label'>#</label><label for='ays-answer-3446597-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854996]' id='ays-answer-3446598-28650' value='3446598'/> <label for='ays-answer-3446598-28650' class=' ays_position_initial ays-quiz-keyboard-label'>.</label><label for='ays-answer-3446598-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854996]' id='ays-answer-3446599-28650' value='3446599'/> <label for='ays-answer-3446599-28650' class=' ays_position_initial ays-quiz-keyboard-label'>*</label><label for='ays-answer-3446599-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854996]' id='ays-answer-3446600-28650' value='3446600'/> <label for='ays-answer-3446600-28650' class=' ays_position_initial ays-quiz-keyboard-label'>:</label><label for='ays-answer-3446600-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['854996'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjU5NyI6IjAiLCIzNDQ2NTk4IjoiMSIsIjM0NDY1OTkiOiIwIiwiMzQ0NjYwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức cơ bản về cú pháp khai báo bộ chọn lớp trong CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='854997' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Trong CSS, bộ chọn định danh (ID selector) được khai báo bằng ký tự nào đứng trước tên định danh?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854997]' id='ays-answer-3446601-28650' value='3446601'/> <label for='ays-answer-3446601-28650' class=' ays_position_initial ays-quiz-keyboard-label'>#</label><label for='ays-answer-3446601-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854997]' id='ays-answer-3446602-28650' value='3446602'/> <label for='ays-answer-3446602-28650' class=' ays_position_initial ays-quiz-keyboard-label'>.</label><label for='ays-answer-3446602-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854997]' id='ays-answer-3446603-28650' value='3446603'/> <label for='ays-answer-3446603-28650' class=' ays_position_initial ays-quiz-keyboard-label'>&</label><label for='ays-answer-3446603-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854997]' id='ays-answer-3446604-28650' value='3446604'/> <label for='ays-answer-3446604-28650' class=' ays_position_initial ays-quiz-keyboard-label'>%</label><label for='ays-answer-3446604-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['854997'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjYwMSI6IjEiLCIzNDQ2NjAyIjoiMCIsIjM0NDY2MDMiOiIwIiwiMzQ0NjYwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức cơ bản về cú pháp khai báo bộ chọn định danh trong CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='854998' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Mục đích chính của việc sử dụng bộ chọn lớp trong CSS là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854998]' id='ays-answer-3446605-28650' value='3446605'/> <label for='ays-answer-3446605-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng kiểu dáng cho một phần tử duy nhất trên trang.</label><label for='ays-answer-3446605-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854998]' id='ays-answer-3446606-28650' value='3446606'/> <label for='ays-answer-3446606-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Chọn tất cả các phần tử cùng loại (ví dụ: tất cả thẻ p).</label><label for='ays-answer-3446606-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854998]' id='ays-answer-3446607-28650' value='3446607'/> <label for='ays-answer-3446607-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng cùng một kiểu dáng cho nhiều phần tử khác nhau hoặc các phần tử cùng loại.</label><label for='ays-answer-3446607-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854998]' id='ays-answer-3446608-28650' value='3446608'/> <label for='ays-answer-3446608-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Chọn các phần tử dựa trên vị trí của chúng trong cấu trúc HTML.</label><label for='ays-answer-3446608-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['854998'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjYwNSI6IjAiLCIzNDQ2NjA2IjoiMCIsIjM0NDY2MDciOiIxIiwiMzQ0NjYwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết về công dụng của bộ chọn lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='854999' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Mục đích chính của việc sử dụng bộ chọn định danh trong CSS là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854999]' id='ays-answer-3446609-28650' value='3446609'/> <label for='ays-answer-3446609-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng kiểu dáng cho một phần tử duy nhất và xác định trên trang.</label><label for='ays-answer-3446609-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854999]' id='ays-answer-3446610-28650' value='3446610'/> <label for='ays-answer-3446610-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng cùng một kiểu dáng cho nhóm các phần tử.</label><label for='ays-answer-3446610-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854999]' id='ays-answer-3446611-28650' value='3446611'/> <label for='ays-answer-3446611-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Chọn các phần tử dựa trên nội dung văn bản của chúng.</label><label for='ays-answer-3446611-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-854999]' id='ays-answer-3446612-28650' value='3446612'/> <label for='ays-answer-3446612-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Chọn các phần tử dựa trên trạng thái tương tác của chúng (ví dụ: khi di chuột qua).</label><label for='ays-answer-3446612-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['854999'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjYwOSI6IjEiLCIzNDQ2NjEwIjoiMCIsIjM0NDY2MTEiOiIwIiwiMzQ0NjYxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết về công dụng và đặc điểm duy nhất của bộ chọn định danh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855000' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Để áp dụng lớp có tên 'highlight' cho một thẻ `</p> <p>` trong HTML, cú pháp đúng là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855000]' id='ays-answer-3446613-28650' value='3446613'/> <label for='ays-answer-3446613-28650' class=' ays_position_initial ays-quiz-keyboard-label'><p id='highlight'>Nội dung</p></label><label for='ays-answer-3446613-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855000]' id='ays-answer-3446614-28650' value='3446614'/> <label for='ays-answer-3446614-28650' class=' ays_position_initial ays-quiz-keyboard-label'><p style='class: highlight;'>Nội dung</p></label><label for='ays-answer-3446614-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855000]' id='ays-answer-3446615-28650' value='3446615'/> <label for='ays-answer-3446615-28650' class=' ays_position_initial ays-quiz-keyboard-label'><p name='highlight'>Nội dung</p></label><label for='ays-answer-3446615-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855000]' id='ays-answer-3446616-28650' value='3446616'/> <label for='ays-answer-3446616-28650' class=' ays_position_initial ays-quiz-keyboard-label'><p class='highlight'>Nội dung</p></label><label for='ays-answer-3446616-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855000'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjYxMyI6IjAiLCIzNDQ2NjE0IjoiMCIsIjM0NDY2MTUiOiIwIiwiMzQ0NjYxNiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cú pháp áp dụng lớp trong HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855001' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Để áp dụng định danh có tên 'main-header' cho một thẻ `</p> <h1>` trong HTML, cú pháp đúng là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855001]' id='ays-answer-3446617-28650' value='3446617'/> <label for='ays-answer-3446617-28650' class=' ays_position_initial ays-quiz-keyboard-label'><h1 class='main-header'>Tiêu đề chính</h1></label><label for='ays-answer-3446617-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855001]' id='ays-answer-3446618-28650' value='3446618'/> <label for='ays-answer-3446618-28650' class=' ays_position_initial ays-quiz-keyboard-label'><h1 id='main-header'>Tiêu đề chính</h1></label><label for='ays-answer-3446618-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855001]' id='ays-answer-3446619-28650' value='3446619'/> <label for='ays-answer-3446619-28650' class=' ays_position_initial ays-quiz-keyboard-label'><h1 name='main-header'>Tiêu đề chính</h1></label><label for='ays-answer-3446619-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855001]' id='ays-answer-3446620-28650' value='3446620'/> <label for='ays-answer-3446620-28650' class=' ays_position_initial ays-quiz-keyboard-label'><h1 style='id: main-header;'>Tiêu đề chính</h1></label><label for='ays-answer-3446620-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855001'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjYxNyI6IjAiLCIzNDQ2NjE4IjoiMSIsIjM0NDY2MTkiOiIwIiwiMzQ0NjYyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cú pháp áp dụng định danh trong HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855002' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Để áp dụng cả hai lớp 'text-center' và 'large-font' cho một thẻ `</p> <div>` trong HTML, cú pháp đúng là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855002]' id='ays-answer-3446621-28650' value='3446621'/> <label for='ays-answer-3446621-28650' class=' ays_position_initial ays-quiz-keyboard-label'><div class='text-center, large-font'>Nội dung</div></label><label for='ays-answer-3446621-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855002]' id='ays-answer-3446622-28650' value='3446622'/> <label for='ays-answer-3446622-28650' class=' ays_position_initial ays-quiz-keyboard-label'><div class='text-center large-font'>Nội dung</div></label><label for='ays-answer-3446622-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855002]' id='ays-answer-3446623-28650' value='3446623'/> <label for='ays-answer-3446623-28650' class=' ays_position_initial ays-quiz-keyboard-label'><div classes='text-center large-font'>Nội dung</div></label><label for='ays-answer-3446623-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855002]' id='ays-answer-3446624-28650' value='3446624'/> <label for='ays-answer-3446624-28650' class=' ays_position_initial ays-quiz-keyboard-label'><div class='text-center' class='large-font'>Nội dung</div></label><label for='ays-answer-3446624-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855002'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjYyMSI6IjAiLCIzNDQ2NjIyIjoiMCIsIjM0NDY2MjMiOiIxIiwiMzQ0NjYyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cú pháp áp dụng nhiều lớp cho một phần tử HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855003' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn muốn tất cả các phần tử có lớp 'error-message' hiển thị chữ màu đỏ. Quy tắc CSS đúng để thực hiện điều này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855003]' id='ays-answer-3446625-28650' value='3446625'/> <label for='ays-answer-3446625-28650' class=' ays_position_initial ays-quiz-keyboard-label'>.error-message { color: red; }</label><label for='ays-answer-3446625-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855003]' id='ays-answer-3446626-28650' value='3446626'/> <label for='ays-answer-3446626-28650' class=' ays_position_initial ays-quiz-keyboard-label'>#error-message { color: red; }</label><label for='ays-answer-3446626-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855003]' id='ays-answer-3446627-28650' value='3446627'/> <label for='ays-answer-3446627-28650' class=' ays_position_initial ays-quiz-keyboard-label'>error-message { color: red; }</label><label for='ays-answer-3446627-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855003]' id='ays-answer-3446628-28650' value='3446628'/> <label for='ays-answer-3446628-28650' class=' ays_position_initial ays-quiz-keyboard-label'>*error-message { color: red; }</label><label for='ays-answer-3446628-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855003'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjYyNSI6IjEiLCIzNDQ2NjI2IjoiMCIsIjM0NDY2MjciOiIwIiwiMzQ0NjYyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng viết quy tắc CSS cơ bản sử dụng bộ chọn lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855004' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Bạn muốn phần tử có định danh 'sidebar' có màu nền là xanh nhạt (#e0f2f7). Quy tắc CSS đúng để thực hiện điều này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855004]' id='ays-answer-3446629-28650' value='3446629'/> <label for='ays-answer-3446629-28650' class=' ays_position_initial ays-quiz-keyboard-label'>.sidebar { background-color: #e0f2f7; }</label><label for='ays-answer-3446629-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855004]' id='ays-answer-3446630-28650' value='3446630'/> <label for='ays-answer-3446630-28650' class=' ays_position_initial ays-quiz-keyboard-label'>sidebar { background-color: #e0f2f7; }</label><label for='ays-answer-3446630-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855004]' id='ays-answer-3446631-28650' value='3446631'/> <label for='ays-answer-3446631-28650' class=' ays_position_initial ays-quiz-keyboard-label'>*sidebar { background-color: #e0f2f7; }</label><label for='ays-answer-3446631-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855004]' id='ays-answer-3446632-28650' value='3446632'/> <label for='ays-answer-3446632-28650' class=' ays_position_initial ays-quiz-keyboard-label'>#sidebar { background-color: #e0f2f7; }</label><label for='ays-answer-3446632-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855004'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjYyOSI6IjAiLCIzNDQ2NjMwIjoiMCIsIjM0NDY2MzEiOiIwIiwiMzQ0NjYzMiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng viết quy tắc CSS cơ bản sử dụng bộ chọn định danh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855005' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Cho đoạn HTML sau: `</p> <p class='intro'>Đây là đoạn giới thiệu.</p> <p>`. Quy tắc CSS `p.intro { font-style: italic; }` sẽ áp dụng cho phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855005]' id='ays-answer-3446633-28650' value='3446633'/> <label for='ays-answer-3446633-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các thẻ `<p>` trên trang.</label><label for='ays-answer-3446633-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855005]' id='ays-answer-3446634-28650' value='3446634'/> <label for='ays-answer-3446634-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ các thẻ `<p>` có lớp 'intro'.</label><label for='ays-answer-3446634-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855005]' id='ays-answer-3446635-28650' value='3446635'/> <label for='ays-answer-3446635-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các phần tử có lớp 'intro', bất kể loại thẻ.</label><label for='ays-answer-3446635-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855005]' id='ays-answer-3446636-28650' value='3446636'/> <label for='ays-answer-3446636-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Không áp dụng cho phần tử nào vì cú pháp sai.</label><label for='ays-answer-3446636-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855005'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjYzMyI6IjAiLCIzNDQ2NjM0IjoiMSIsIjM0NDY2MzUiOiIwIiwiMzQ0NjYzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng phân tích sự kết hợp giữa bộ chọn phần tử và bộ chọn lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855006' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Cho đoạn HTML sau: `</p> <div id='header'>Tiêu đề trang</div> <p>`. Quy tắc CSS `div#header { border-bottom: 1px solid black; }` sẽ áp dụng cho phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855006]' id='ays-answer-3446637-28650' value='3446637'/> <label for='ays-answer-3446637-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ thẻ `<div>` có định danh 'header'.</label><label for='ays-answer-3446637-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855006]' id='ays-answer-3446638-28650' value='3446638'/> <label for='ays-answer-3446638-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các thẻ `<div>` trên trang.</label><label for='ays-answer-3446638-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855006]' id='ays-answer-3446639-28650' value='3446639'/> <label for='ays-answer-3446639-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các phần tử có định danh 'header', bất kể loại thẻ.</label><label for='ays-answer-3446639-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855006]' id='ays-answer-3446640-28650' value='3446640'/> <label for='ays-answer-3446640-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Không áp dụng cho phần tử nào vì cú pháp sai.</label><label for='ays-answer-3446640-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855006'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjYzNyI6IjEiLCIzNDQ2NjM4IjoiMCIsIjM0NDY2MzkiOiIwIiwiMzQ0NjY0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng phân tích sự kết hợp giữa bộ chọn phần tử và bộ chọn định danh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855007' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Cho HTML: `<span class='icon small'></span>`. Quy tắc CSS `.icon.small { display: inline-block; }` sẽ áp dụng cho phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855007]' id='ays-answer-3446641-28650' value='3446641'/> <label for='ays-answer-3446641-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các thẻ `<span>`.</label><label for='ays-answer-3446641-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855007]' id='ays-answer-3446642-28650' value='3446642'/> <label for='ays-answer-3446642-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Các phần tử có lớp 'icon' HOẶC lớp 'small'.</label><label for='ays-answer-3446642-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855007]' id='ays-answer-3446643-28650' value='3446643'/> <label for='ays-answer-3446643-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Các phần tử có ĐỒNG THỜI cả lớp 'icon' và lớp 'small'.</label><label for='ays-answer-3446643-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855007]' id='ays-answer-3446644-28650' value='3446644'/> <label for='ays-answer-3446644-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Không áp dụng cho phần tử nào vì cú pháp sai.</label><label for='ays-answer-3446644-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855007'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY0MSI6IjAiLCIzNDQ2NjQyIjoiMCIsIjM0NDY2NDMiOiIxIiwiMzQ0NjY0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng phân tích quy tắc CSS kết hợp nhiều bộ chọn lớp trên cùng một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855008' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Bạn muốn định dạng một nhóm các nút (button) có cùng kiểu dáng (ví dụ: màu nền, bo góc). Loại bộ chọn nào phù hợp và tái sử dụng tốt nhất trong trường hợp này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855008]' id='ays-answer-3446645-28650' value='3446645'/> <label for='ays-answer-3446645-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID selector).</label><label for='ays-answer-3446645-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855008]' id='ays-answer-3446646-28650' value='3446646'/> <label for='ays-answer-3446646-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class selector).</label><label for='ays-answer-3446646-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855008]' id='ays-answer-3446647-28650' value='3446647'/> <label for='ays-answer-3446647-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử (Element selector).</label><label for='ays-answer-3446647-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855008]' id='ays-answer-3446648-28650' value='3446648'/> <label for='ays-answer-3446648-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn thuộc tính (Attribute selector).</label><label for='ays-answer-3446648-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855008'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY0NSI6IjAiLCIzNDQ2NjQ2IjoiMSIsIjM0NDY2NDciOiIwIiwiMzQ0NjY0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu áp dụng kiến thức về mục đích sử dụng của bộ chọn vào tình huống cụ thể.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855009' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Bạn muốn tạo kiểu dáng riêng biệt cho phần chân trang (footer) của trang web, và bạn biết rằng chỉ có duy nhất một phần chân trang trên mỗi trang. Loại bộ chọn nào phù hợp nhất để đảm bảo tính duy nhất và dễ dàng truy cập bằng JavaScript (nếu cần)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855009]' id='ays-answer-3446649-28650' value='3446649'/> <label for='ays-answer-3446649-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID selector).</label><label for='ays-answer-3446649-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855009]' id='ays-answer-3446650-28650' value='3446650'/> <label for='ays-answer-3446650-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class selector).</label><label for='ays-answer-3446650-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855009]' id='ays-answer-3446651-28650' value='3446651'/> <label for='ays-answer-3446651-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử (Element selector).</label><label for='ays-answer-3446651-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855009]' id='ays-answer-3446652-28650' value='3446652'/> <label for='ays-answer-3446652-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn nhóm (Group selector).</label><label for='ays-answer-3446652-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855009'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY0OSI6IjEiLCIzNDQ2NjUwIjoiMCIsIjM0NDY2NTEiOiIwIiwiMzQ0NjY1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu áp dụng kiến thức về mục đích sử dụng và tính duy nhất của bộ chọn định danh vào tình huống cụ thể.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855010' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Cho đoạn HTML: `</p> <div id='main'>Nội dung chính</div> <p>` và `</p> <p class='main'>Đoạn văn</p> <p>`. Quy tắc CSS `#main { color: blue; }` sẽ áp dụng cho phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855010]' id='ays-answer-3446653-28650' value='3446653'/> <label for='ays-answer-3446653-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ thẻ `<div>` có định danh 'main'.</label><label for='ays-answer-3446653-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855010]' id='ays-answer-3446654-28650' value='3446654'/> <label for='ays-answer-3446654-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ thẻ `<p>` có lớp 'main'.</label><label for='ays-answer-3446654-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855010]' id='ays-answer-3446655-28650' value='3446655'/> <label for='ays-answer-3446655-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Cả thẻ `<div>` và thẻ `<p>` vì tên 'main' giống nhau.</label><label for='ays-answer-3446655-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855010]' id='ays-answer-3446656-28650' value='3446656'/> <label for='ays-answer-3446656-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Không áp dụng cho phần tử nào.</label><label for='ays-answer-3446656-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855010'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY1MyI6IjEiLCIzNDQ2NjU0IjoiMCIsIjM0NDY2NTUiOiIwIiwiMzQ0NjY1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng phân biệt giữa bộ chọn ID và bộ chọn Class khi tên của chúng giống nhau nhưng ký tự khai báo khác nhau.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855011' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Cho đoạn HTML: `<button class='btn primary'>Gửi</button>`. Nếu có hai quy tắc CSS: `.btn { padding: 10px; }` và `.primary { background-color: blue; }`, thì nút 'Gửi' sẽ có kiểu dáng gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855011]' id='ays-answer-3446657-28650' value='3446657'/> <label for='ays-answer-3446657-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có padding 10px.</label><label for='ays-answer-3446657-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855011]' id='ays-answer-3446658-28650' value='3446658'/> <label for='ays-answer-3446658-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có màu nền xanh.</label><label for='ays-answer-3446658-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855011]' id='ays-answer-3446659-28650' value='3446659'/> <label for='ays-answer-3446659-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Có cả padding 10px và màu nền xanh.</label><label for='ays-answer-3446659-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855011]' id='ays-answer-3446660-28650' value='3446660'/> <label for='ays-answer-3446660-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Không áp dụng kiểu dáng nào vì có hai lớp.</label><label for='ays-answer-3446660-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855011'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY1NyI6IjAiLCIzNDQ2NjU4IjoiMCIsIjM0NDY2NTkiOiIxIiwiMzQ0NjY2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng phân tích cách áp dụng kiểu dáng khi một phần tử có nhiều lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855012' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Trong một tài liệu HTML hợp lệ, điều gì xảy ra nếu bạn vô tình sử dụng cùng một giá trị cho thuộc tính `id` trên hai phần tử khác nhau?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855012]' id='ays-answer-3446661-28650' value='3446661'/> <label for='ays-answer-3446661-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Trang web sẽ không hiển thị.</label><label for='ays-answer-3446661-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855012]' id='ays-answer-3446662-28650' value='3446662'/> <label for='ays-answer-3446662-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Trình duyệt sẽ báo lỗi và dừng thực thi CSS/JavaScript liên quan.</label><label for='ays-answer-3446662-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855012]' id='ays-answer-3446663-28650' value='3446663'/> <label for='ays-answer-3446663-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ phần tử đầu tiên trong mã HTML nhận kiểu dáng từ bộ chọn định danh.</label><label for='ays-answer-3446663-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855012]' id='ays-answer-3446664-28650' value='3446664'/> <label for='ays-answer-3446664-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Trang web vẫn hiển thị, các quy tắc CSS sử dụng bộ chọn định danh có thể vẫn được áp dụng cho cả hai phần tử (tùy trình duyệt), nhưng đây là hành vi không hợp lệ và có thể gây ra lỗi với JavaScript hoặc các xử lý khác dựa trên ID duy nhất.</label><label for='ays-answer-3446664-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855012'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY2MSI6IjAiLCIzNDQ2NjYyIjoiMCIsIjM0NDY2NjMiOiIwIiwiMzQ0NjY2NCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết về quy tắc duy nhất của thuộc tính ID trong HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855013' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Bạn có một danh sách các mục (`</p> <li>`) và muốn mục đầu tiên có màu chữ khác biệt (ví dụ: xanh lá cây), trong khi các mục khác vẫn giữ màu mặc định hoặc màu từ các quy tắc khác. Loại bộ chọn nào kết hợp với bộ chọn phần tử (`li`) là phù hợp nhất để nhắm mục tiêu *chỉ* mục đầu tiên một cách chính xác và duy nhất?<br /> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855013]' id='ays-answer-3446665-28650' value='3446665'/> <label for='ays-answer-3446665-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID selector) trên thẻ `<li>` đầu tiên.</label><label for='ays-answer-3446665-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855013]' id='ays-answer-3446666-28650' value='3446666'/> <label for='ays-answer-3446666-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class selector) áp dụng cho tất cả các thẻ `<li>`.</label><label for='ays-answer-3446666-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855013]' id='ays-answer-3446667-28650' value='3446667'/> <label for='ays-answer-3446667-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử `li` đơn thuần.</label><label for='ays-answer-3446667-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855013]' id='ays-answer-3446668-28650' value='3446668'/> <label for='ays-answer-3446668-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng kiểu dáng trực tiếp bằng thuộc tính `style` trong HTML.</label><label for='ays-answer-3446668-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855013'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY2NSI6IjEiLCIzNDQ2NjY2IjoiMCIsIjM0NDY2NjciOiIwIiwiMzQ0NjY2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu áp dụng kiến thức để chọn bộ chọn phù hợp cho một phần tử duy nhất trong một tập hợp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855014' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Cho CSS sau: `.note { font-size: 14px; }`. HTML nào dưới đây sẽ hiển thị văn bản với cỡ chữ 14px?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855014]' id='ays-answer-3446669-28650' value='3446669'/> <label for='ays-answer-3446669-28650' class=' ays_position_initial ays-quiz-keyboard-label'><p id='note'>Văn bản</p></label><label for='ays-answer-3446669-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855014]' id='ays-answer-3446670-28650' value='3446670'/> <label for='ays-answer-3446670-28650' class=' ays_position_initial ays-quiz-keyboard-label'><div name='note'>Văn bản</div></label><label for='ays-answer-3446670-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855014]' id='ays-answer-3446671-28650' value='3446671'/> <label for='ays-answer-3446671-28650' class=' ays_position_initial ays-quiz-keyboard-label'><span class='note'>Văn bản</span></label><label for='ays-answer-3446671-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855014]' id='ays-answer-3446672-28650' value='3446672'/> <label for='ays-answer-3446672-28650' class=' ays_position_initial ays-quiz-keyboard-label'><h1>note</h1></label><label for='ays-answer-3446672-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855014'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY2OSI6IjAiLCIzNDQ2NjcwIjoiMCIsIjM0NDY2NzEiOiIxIiwiMzQ0NjY3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng kết nối giữa quy tắc CSS sử dụng bộ chọn lớp và cách áp dụng nó trong HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855015' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Cho CSS sau: `#main-section { margin-top: 20px; }`. HTML nào dưới đây sẽ có lề trên 20px?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855015]' id='ays-answer-3446673-28650' value='3446673'/> <label for='ays-answer-3446673-28650' class=' ays_position_initial ays-quiz-keyboard-label'><div id='main-section'>Nội dung</div></label><label for='ays-answer-3446673-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855015]' id='ays-answer-3446674-28650' value='3446674'/> <label for='ays-answer-3446674-28650' class=' ays_position_initial ays-quiz-keyboard-label'><p class='main-section'>Đoạn văn</p></label><label for='ays-answer-3446674-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855015]' id='ays-answer-3446675-28650' value='3446675'/> <label for='ays-answer-3446675-28650' class=' ays_position_initial ays-quiz-keyboard-label'><span>main-section</span></label><label for='ays-answer-3446675-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855015]' id='ays-answer-3446676-28650' value='3446676'/> <label for='ays-answer-3446676-28650' class=' ays_position_initial ays-quiz-keyboard-label'><footer>id='main-section'</footer></label><label for='ays-answer-3446676-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855015'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY3MyI6IjEiLCIzNDQ2Njc0IjoiMCIsIjM0NDY2NzUiOiIwIiwiMzQ0NjY3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng kết nối giữa quy tắc CSS sử dụng bộ chọn định danh và cách áp dụng nó trong HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855016' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Bạn đang thiết kế một biểu mẫu và muốn các trường nhập liệu (`<input>`) có viền màu xám. Tuy nhiên, bạn muốn trường nhập liệu 'email' có viền màu xanh dương để làm nổi bật. Cách tiếp cận hiệu quả nhất để thực hiện điều này sử dụng bộ chọn lớp và định danh là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855016]' id='ays-answer-3446677-28650' value='3446677'/> <label for='ays-answer-3446677-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Dùng bộ chọn lớp cho tất cả `<input>`, sau đó dùng bộ chọn lớp khác cho trường email.</label><label for='ays-answer-3446677-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855016]' id='ays-answer-3446678-28650' value='3446678'/> <label for='ays-answer-3446678-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Dùng bộ chọn định danh cho tất cả `<input>`, sau đó dùng bộ chọn định danh khác cho trường email.</label><label for='ays-answer-3446678-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855016]' id='ays-answer-3446679-28650' value='3446679'/> <label for='ays-answer-3446679-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Dùng bộ chọn phần tử `input` cho tất cả, sau đó áp dụng kiểu dáng trực tiếp bằng thuộc tính `style` cho trường email.</label><label for='ays-answer-3446679-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855016]' id='ays-answer-3446680-28650' value='3446680'/> <label for='ays-answer-3446680-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Dùng bộ chọn phần tử `input` cho viền xám chung, sau đó dùng bộ chọn định danh `#email-field` (với `id='email-field'` trên thẻ input email) để ghi đè viền màu xanh dương cho trường email.</label><label for='ays-answer-3446680-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855016'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY3NyI6IjAiLCIzNDQ2Njc4IjoiMCIsIjM0NDY2NzkiOiIwIiwiMzQ0NjY4MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu áp dụng kết hợp bộ chọn lớp (cho nhóm) và bộ chọn định danh (cho phần tử duy nhất) trong tình huống thực tế.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855017' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Phát biểu nào sau đây về bộ chọn lớp và bộ chọn định danh là SAI?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855017]' id='ays-answer-3446681-28650' value='3446681'/> <label for='ays-answer-3446681-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Một phần tử HTML có thể có nhiều lớp nhưng chỉ nên có một định danh duy nhất.</label><label for='ays-answer-3446681-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855017]' id='ays-answer-3446682-28650' value='3446682'/> <label for='ays-answer-3446682-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh có độ ưu tiên (specificity) cao hơn bộ chọn lớp.</label><label for='ays-answer-3446682-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855017]' id='ays-answer-3446683-28650' value='3446683'/> <label for='ays-answer-3446683-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Tên lớp và tên định danh đều không được chứa dấu gạch ngang (-).</label><label for='ays-answer-3446683-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855017]' id='ays-answer-3446684-28650' value='3446684'/> <label for='ays-answer-3446684-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp được sử dụng để nhóm các phần tử có cùng kiểu dáng, trong khi bộ chọn định danh được sử dụng cho một phần tử duy nhất.</label><label for='ays-answer-3446684-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855017'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY4MSI6IjAiLCIzNDQ2NjgyIjoiMCIsIjM0NDY2ODMiOiIxIiwiMzQ0NjY4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu phân tích và đánh giá các phát biểu so sánh bộ chọn lớp và định danh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855018' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Cho đoạn mã HTML: `</p> <div class='box primary'>Nội dung</div> <p>`. Để viết quy tắc CSS chỉ áp dụng cho thẻ `div` này (có cả hai lớp 'box' và 'primary'), cú pháp nào là chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855018]' id='ays-answer-3446685-28650' value='3446685'/> <label for='ays-answer-3446685-28650' class=' ays_position_initial ays-quiz-keyboard-label'>div.box.primary { ... }</label><label for='ays-answer-3446685-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855018]' id='ays-answer-3446686-28650' value='3446686'/> <label for='ays-answer-3446686-28650' class=' ays_position_initial ays-quiz-keyboard-label'>.box.primary div { ... }</label><label for='ays-answer-3446686-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855018]' id='ays-answer-3446687-28650' value='3446687'/> <label for='ays-answer-3446687-28650' class=' ays_position_initial ays-quiz-keyboard-label'>div .box .primary { ... }</label><label for='ays-answer-3446687-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855018]' id='ays-answer-3446688-28650' value='3446688'/> <label for='ays-answer-3446688-28650' class=' ays_position_initial ays-quiz-keyboard-label'>#box#primary { ... }</label><label for='ays-answer-3446688-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855018'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY4NSI6IjEiLCIzNDQ2Njg2IjoiMCIsIjM0NDY2ODciOiIwIiwiMzQ0NjY4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng viết quy tắc CSS kết hợp bộ chọn phần tử và nhiều bộ chọn lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855019' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Khi nào thì việc sử dụng bộ chọn định danh (#) là lựa chọn tốt hơn so với bộ chọn lớp (.)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855019]' id='ays-answer-3446689-28650' value='3446689'/> <label for='ays-answer-3446689-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn muốn áp dụng cùng một kiểu dáng cho nhiều phần tử.</label><label for='ays-answer-3446689-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855019]' id='ays-answer-3446690-28650' value='3446690'/> <label for='ays-answer-3446690-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn muốn định dạng một phần tử cụ thể, duy nhất trên trang (ví dụ: header chính, footer, sidebar).</label><label for='ays-answer-3446690-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855019]' id='ays-answer-3446691-28650' value='3446691'/> <label for='ays-answer-3446691-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn muốn nhóm các phần tử lại để áp dụng kiểu dáng chung.</label><label for='ays-answer-3446691-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855019]' id='ays-answer-3446692-28650' value='3446692'/> <label for='ays-answer-3446692-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn cần định dạng các phần tử dựa trên trạng thái tương tác của chúng.</label><label for='ays-answer-3446692-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855019'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY4OSI6IjAiLCIzNDQ2NjkwIjoiMSIsIjM0NDY2OTEiOiIwIiwiMzQ0NjY5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu đánh giá tình huống sử dụng phù hợp cho bộ chọn định danh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855020' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn có một trang web với nhiều hình ảnh. Bạn muốn áp dụng một đường viền màu xám cho tất cả các hình ảnh có kích thước nhỏ. Bạn đã đánh dấu các hình ảnh nhỏ bằng lớp 'small-img'. Quy tắc CSS nào sau đây sẽ chỉ áp dụng đường viền cho các hình ảnh có lớp 'small-img'?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855020]' id='ays-answer-3446693-28650' value='3446693'/> <label for='ays-answer-3446693-28650' class=' ays_position_initial ays-quiz-keyboard-label'>.small-img { border: 1px solid gray; }</label><label for='ays-answer-3446693-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855020]' id='ays-answer-3446694-28650' value='3446694'/> <label for='ays-answer-3446694-28650' class=' ays_position_initial ays-quiz-keyboard-label'>img { border: 1px solid gray; }</label><label for='ays-answer-3446694-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855020]' id='ays-answer-3446695-28650' value='3446695'/> <label for='ays-answer-3446695-28650' class=' ays_position_initial ays-quiz-keyboard-label'>img.small-img { border: 1px solid gray; }</label><label for='ays-answer-3446695-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855020]' id='ays-answer-3446696-28650' value='3446696'/> <label for='ays-answer-3446696-28650' class=' ays_position_initial ays-quiz-keyboard-label'>#small-img { border: 1px solid gray; }</label><label for='ays-answer-3446696-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855020'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY5MyI6IjAiLCIzNDQ2Njk0IjoiMCIsIjM0NDY2OTUiOiIxIiwiMzQ0NjY5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng kết hợp bộ chọn phần tử và bộ chọn lớp để nhắm mục tiêu chính xác.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855021' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Cho đoạn CSS: `.box { background-color: lightblue; }`. Bạn có HTML `</p> <div class='box'></div> <p class='box'> <p>`. Quy tắc CSS này sẽ áp dụng cho những phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855021]' id='ays-answer-3446697-28650' value='3446697'/> <label for='ays-answer-3446697-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ thẻ `<div>`.</label><label for='ays-answer-3446697-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855021]' id='ays-answer-3446698-28650' value='3446698'/> <label for='ays-answer-3446698-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ thẻ `<p>`.</label><label for='ays-answer-3446698-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855021]' id='ays-answer-3446699-28650' value='3446699'/> <label for='ays-answer-3446699-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Không áp dụng cho phần tử nào vì loại thẻ khác nhau.</label><label for='ays-answer-3446699-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855021]' id='ays-answer-3446700-28650' value='3446700'/> <label for='ays-answer-3446700-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Cả thẻ `<div>` và thẻ `<p>`.</label><label for='ays-answer-3446700-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855021'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjY5NyI6IjAiLCIzNDQ2Njk4IjoiMCIsIjM0NDY2OTkiOiIwIiwiMzQ0NjcwMCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết rằng bộ chọn lớp áp dụng cho bất kỳ phần tử nào có lớp đó, không phụ thuộc vào loại thẻ.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855022' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Cho đoạn CSS: `#unique-item { font-weight: bold; }`. Bạn có HTML `</p> <li id='unique-item'>Mục 1</li> <li>Mục 2</li> <p>`. Quy tắc CSS này sẽ áp dụng cho những phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855022]' id='ays-answer-3446701-28650' value='3446701'/> <label for='ays-answer-3446701-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ thẻ `<li>` có định danh 'unique-item'.</label><label for='ays-answer-3446701-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855022]' id='ays-answer-3446702-28650' value='3446702'/> <label for='ays-answer-3446702-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các thẻ `<li>` trong danh sách.</label><label for='ays-answer-3446702-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855022]' id='ays-answer-3446703-28650' value='3446703'/> <label for='ays-answer-3446703-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Không áp dụng cho phần tử nào vì ID chỉ dùng cho `div`.</label><label for='ays-answer-3446703-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855022]' id='ays-answer-3446704-28650' value='3446704'/> <label for='ays-answer-3446704-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng cho tất cả các phần tử trên trang.</label><label for='ays-answer-3446704-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855022'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjcwMSI6IjEiLCIzNDQ2NzAyIjoiMCIsIjM0NDY3MDMiOiIwIiwiMzQ0NjcwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra hiểu biết rằng bộ chọn định danh chỉ áp dụng cho phần tử có ID đó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855023' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Trong CSS, độ ưu tiên (specificity) của bộ chọn định danh (#) so với bộ chọn lớp (.) là như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855023]' id='ays-answer-3446705-28650' value='3446705'/> <label for='ays-answer-3446705-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh có độ ưu tiên cao hơn bộ chọn lớp.</label><label for='ays-answer-3446705-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855023]' id='ays-answer-3446706-28650' value='3446706'/> <label for='ays-answer-3446706-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh.</label><label for='ays-answer-3446706-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855023]' id='ays-answer-3446707-28650' value='3446707'/> <label for='ays-answer-3446707-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Độ ưu tiên của chúng là như nhau.</label><label for='ays-answer-3446707-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855023]' id='ays-answer-3446708-28650' value='3446708'/> <label for='ays-answer-3446708-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Độ ưu tiên phụ thuộc vào thứ tự khai báo trong tệp CSS.</label><label for='ays-answer-3446708-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855023'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjcwNSI6IjEiLCIzNDQ2NzA2IjoiMCIsIjM0NDY3MDciOiIwIiwiMzQ0NjcwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về độ ưu tiên giữa các loại bộ chọn, một khái niệm quan trọng khi sử dụng CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855024' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn có một thẻ `<img>` và muốn áp dụng cả lớp 'bordered' (đường viền) và định danh 'profile-pic' (kích thước cố định) cho nó. Cú pháp HTML đúng để làm điều này là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855024]' id='ays-answer-3446709-28650' value='3446709'/> <label for='ays-answer-3446709-28650' class=' ays_position_initial ays-quiz-keyboard-label'><img class='bordered' class='profile-pic' src='...'></label><label for='ays-answer-3446709-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855024]' id='ays-answer-3446710-28650' value='3446710'/> <label for='ays-answer-3446710-28650' class=' ays_position_initial ays-quiz-keyboard-label'><img class='bordered' id='profile-pic' src='...'></label><label for='ays-answer-3446710-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855024]' id='ays-answer-3446711-28650' value='3446711'/> <label for='ays-answer-3446711-28650' class=' ays_position_initial ays-quiz-keyboard-label'><img id='bordered' class='profile-pic' src='...'></label><label for='ays-answer-3446711-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855024]' id='ays-answer-3446712-28650' value='3446712'/> <label for='ays-answer-3446712-28650' class=' ays_position_initial ays-quiz-keyboard-label'><img classes='bordered' ids='profile-pic' src='...'></label><label for='ays-answer-3446712-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855024'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjcwOSI6IjAiLCIzNDQ2NzEwIjoiMSIsIjM0NDY3MTEiOiIwIiwiMzQ0NjcxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng kết hợp thuộc tính class và id trên cùng một phần tử HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='855025' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 02</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Xét đoạn HTML: `</p> <div id='container'> <p class='text'>Hello</p> </p></div> <p>`. Quy tắc CSS `#container .text { color: green; }` sẽ áp dụng cho phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855025]' id='ays-answer-3446713-28650' value='3446713'/> <label for='ays-answer-3446713-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<p>` nằm bên trong thẻ `<div>` có định danh 'container' và có lớp 'text'.</label><label for='ays-answer-3446713-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855025]' id='ays-answer-3446714-28650' value='3446714'/> <label for='ays-answer-3446714-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các thẻ `<p>` có lớp 'text' trên trang.</label><label for='ays-answer-3446714-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855025]' id='ays-answer-3446715-28650' value='3446715'/> <label for='ays-answer-3446715-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Thẻ `<div>` có định danh 'container'.</label><label for='ays-answer-3446715-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-855025]' id='ays-answer-3446716-28650' value='3446716'/> <label for='ays-answer-3446716-28650' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các phần tử có lớp 'text' nằm bên trong bất kỳ thẻ `<div>` nào.</label><label for='ays-answer-3446716-28650' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_28650 === 'undefined'){ window.quizOptions_28650 = []; } window.quizOptions_28650['855025'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzQ0NjcxMyI6IjEiLCIzNDQ2NzE0IjoiMCIsIjM0NDY3MTUiOiIwIiwiMzQ0NjcxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng phân tích bộ chọn hậu duệ kết hợp bộ chọn ID và bộ chọn lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-28650 * { box-sizing: border-box; } #ays-quiz-container-28650 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-28650 #ays_finish_quiz_28650 { } /* Styles for Quiz container */ #ays-quiz-container-28650{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-28650 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-28650 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-28650 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-28650 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-28650 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-28650 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-28650 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-28650 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-28650.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-28650.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-28650 #ays_finish_quiz_28650 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-28650.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-28650.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-28650.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-28650.ays-quiz-container .ays-questions-container p, #ays-quiz-container-28650.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-28650.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-28650.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-28650.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-28650.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-28650.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-28650.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-28650.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-28650.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-28650 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-28650 .ays-quiz-password-message-box, #ays-quiz-container-28650 .ays-quiz-question-note-message-box, #ays-quiz-container-28650 .ays_quiz_question, #ays-quiz-container-28650 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-28650 textarea, #ays-quiz-container-28650 input::first-letter, #ays-quiz-container-28650 select::first-letter, #ays-quiz-container-28650 option::first-letter { color: initial !important; } #ays-quiz-container-28650 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-28650 .select2-container, #ays-quiz-container-28650 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-28650 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-28650 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-28650 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-28650 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-28650 .ays-questions-container .ays-field, div#ays-quiz-container-28650 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-28650 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-28650 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-28650 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-28650 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-28650 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-28650 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-28650 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-28650 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-28650 .information_form input[type='text'], #ays-quiz-container-28650 .information_form input[type='url'], #ays-quiz-container-28650 .information_form input[type='number'], #ays-quiz-container-28650 .information_form input[type='email'], #ays-quiz-container-28650 .information_form input[type='tel'], #ays-quiz-container-28650 .information_form textarea, #ays-quiz-container-28650 .information_form select, #ays-quiz-container-28650 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-28650 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-28650 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-28650 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-28650 .right_answer_text{ color:#33cc33; } #ays-quiz-container-28650 .right_answer_text p { font-size:16px; } #ays-quiz-container-28650 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-28650 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-28650 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-28650 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-28650 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-28650 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-28650 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-28650 .ays_cb_and_a, #ays-quiz-container-28650 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-28650 iframe { /*min-height: 450px;*/ } #ays-quiz-container-28650 label.ays_for_checkbox, #ays-quiz-container-28650 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-28650 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-28650 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-28650 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-28650 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-28650 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-28650 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-28650 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-28650 div.lds-spinner, #ays-quiz-container-28650 div.lds-spinner2 { color: #000000; } #ays-quiz-container-28650 div.lds-spinner div:after, #ays-quiz-container-28650 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-28650 .lds-circle, #ays-quiz-container-28650 .lds-facebook div, #ays-quiz-container-28650 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-28650 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-28650 .lds-dual-ring::after, #ays-quiz-container-28650 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-28650 .ui.rating .icon, #ays-quiz-container-28650 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-28650 #ays_finish_quiz_28650 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-28650 #ays_finish_quiz_28650 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-28650 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-28650 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-28650 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-28650 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-28650 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-28650 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-28650 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-28650 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-28650 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-28650 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-28650 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-28650 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-28650 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-28650 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-28650 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-28650 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-28650 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-28650 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-28650 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-28650 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-28650 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-28650 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-28650 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-28650 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-28650 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-28650 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-28650 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-28650 div.ays-quiz-redirection-timer, #ays-quiz-container-28650 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-28650 div.ays-quiz-after-timer * , #ays-quiz-container-28650 div.ays-quiz-redirection-timer *, #ays-quiz-container-28650 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-28650 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-28650 input#ays-submit, #ays-quiz-container-28650 #ays_finish_quiz_28650 .action-button, #ays-quiz-container-28650 #ays_finish_quiz_28650 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-28650 #ays_finish_quiz_28650 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-28650 #ays_finish_quiz_28650 .action-button.ays_restart_button, #ays-quiz-container-28650 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-28650 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-28650 input#ays-submit, #ays-quiz-container-28650 #ays_finish_quiz_28650 input.action-button, #ays-quiz-container-28650 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-28650 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-28650 #ays_finish_quiz_28650 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-28650 #ays_finish_quiz_28650 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-28650 #ays_finish_quiz_28650 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-28650 input#ays-submit:hover, #ays-quiz-container-28650 input#ays-submit:focus, #ays-quiz-container-28650 #ays_finish_quiz_28650 .action-button:hover, #ays-quiz-container-28650 #ays_finish_quiz_28650 .action-button:focus, #ays-quiz-container-28650 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-28650 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-28650 .ays_restart_button { color: #ffffff; } #ays-quiz-container-28650 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-28650 .ays_buttons_div { justify-content: center; } #ays-quiz-container-28650 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-28650 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-28650 input[type='button'], #ays-quiz-container-28650 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-28650 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-28650 input[type='button']:focus-visible, div#ays-quiz-container-28650 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-28650 #ays_finish_quiz_28650 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-28650 #ays_finish_quiz_28650 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-28650 #ays_finish_quiz_28650 i.ays_early_finish.action-button[disabled], #ays-quiz-container-28650 #ays_finish_quiz_28650 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-28650 #ays_finish_quiz_28650 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-28650 #ays_finish_quiz_28650 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-28650 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-28650 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-28650 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-28650.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-28650 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-28650 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-28650 #ays_finish_quiz_28650 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-28650 #ays_finish_quiz_28650 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-28650 #ays_finish_quiz_28650 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-28650 #ays_finish_quiz_28650 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-28650 #ays_finish_quiz_28650 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-28650 #ays_finish_quiz_28650 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-28650 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-28650 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-28650 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-28650 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-28650 #ays_finish_quiz_28650 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-28650 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-28650 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-28650 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-28650 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-28650 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-28650 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-28650 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-28650 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-28650 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-28650 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-28650 #ays_finish_quiz_28650 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-28650 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-28650 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-28650 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-28650 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-28650 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-28650 .ays-field .select2-container--default, #ays-quiz-container-28650 .ays-field .select2-container--default .selection, #ays-quiz-container-28650 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-28650 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-28650 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-28650 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-28650 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-28650 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-28650 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-28650 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-28650 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-28650 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-28650 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-28650 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-28650 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-28650 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-28650 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-28650 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-28650 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-28650 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-28650 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-28650 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-28650 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-28650 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-28650 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-28650 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-28650.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-28650.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-28650 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-28650 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-28650 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-28650 label[for^='ays-answer']:before, #ays-quiz-container-28650 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-28650 .ays_question_report { text-align: right; } div#ays-quiz-container-28650 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-28650 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-28650.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-28650.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-28650.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-28650.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-28650.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-28650.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-28650 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-28650.ays_quiz_classic_dark .correct_div, #ays-quiz-container-28650.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-28650.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-28650.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-28650.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-28650.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-28650.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-28650.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-28650 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-28650 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-28650 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-28650 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-28650 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-28650 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-28650 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-28650 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-28650 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-28650.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-28650.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-28650 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-28650 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-28650 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-28650 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-28650 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-28650 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-28650 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-28650 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-28650 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-28650 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-28650 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-28650 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-28650 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-28650 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-28650 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-28650 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-28650 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-28650 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-28650 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-28650 .ays-quiz-personality-result-box div:before, #ays-quiz-container-28650 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-28650 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-28650 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-28650 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-28650 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-28650 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-28650 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-28650 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-28650 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-28650 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-28650 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-28650 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-28650 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-28650 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-28650{ max-width: 100%; } div#ays-quiz-container-28650 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-28650.ays_quiz_modern_light .step, div#ays-quiz-container-28650.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-28650.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-28650.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-28650.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-28650.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-28650 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-28650 .select2-container, div#ays-quiz-container-28650 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-28650 input#ays-submit, div#ays-quiz-container-28650 #ays_finish_quiz_28650 .action-button, div#ays-quiz-container-28650 #ays_finish_quiz_28650 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-28650 #ays_finish_quiz_28650 .action-button.ays_restart_button, #ays-quiz-container-28650 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-28650 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-28650 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-28650 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-28650 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-28650 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-28650 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-28650 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-28650 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-28650 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-28650 p { margin: 0.625em; } #ays-quiz-container-28650.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-28650.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-28650 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-28650.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-28650 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-28650 #ays_finish_quiz_28650 .action-button:hover, #ays-quiz-container-28650 #ays_finish_quiz_28650 .action-button:focus, #ays-quiz-container-28650 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-28650 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['28650'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIyODY1MCIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwMiIsImRlc2NyaXB0aW9uIjoiPHA+PHN0cm9uZz5CYVx1MDMwMGkgVFx1MDBlMlx1MDMyM3AgVHJcdTFlYWZjIG5naGlcdTFlYzdtIFRpbiBoXHUxZWNkYyAxMiAtIENcdTAwZTFuaCBkaVx1MWVjMXUgLSBCXHUwMGUwaSAxMDogQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDI8XC9zdHJvbmc+IFx1MDExMVx1MDFiMFx1MWVlM2MgeFx1MDBlMnkgZFx1MWVmMW5nIHZcdTFlZGJpIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgY2hcdTFlYTV0IGxcdTAxYjBcdTFlZTNuZywgc1x1MDBlMXQgdlx1MWVkYmkgblx1MWVkOWkgZHVuZyBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmggaFx1MWVjZGMsIGdpXHUwMGZhcCBiXHUxZWExbiBkXHUxZWM1IGRcdTAwZTBuZyBcdTAwZjRuIHRcdTFlYWRwIHZcdTAwZTAga2lcdTFlYzNtIHRyYSBraVx1MWViZm4gdGhcdTFlZTljIGhpXHUxZWM3dSBxdVx1MWVhMy4gSFx1MDBlM3kgY1x1MDBmOW5nIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgbFx1MDBlMG0gYlx1MDBlMGkgdFx1MWVhZHAgdHJcdTFlYWZjIG5naGlcdTFlYzdtIG5nYXkgXHUwMTExXHUxZWMzIG5cdTAwZTJuZyBjYW8gaGlcdTFlYzN1IGJpXHUxZWJmdCB2XHUwMGUwIGNodVx1MWVhOW4gYlx1MWVjYiB0XHUxZWQxdCBjaG8ga1x1MWVmMyB0aGkgc1x1MWVhZnAgdFx1MWVkYmkhPFwvcD5cclxuXHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTogVHJvbmcgQ1NTLCBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoY2xhc3Mgc2VsZWN0b3IpIFx1MDExMVx1MDFiMFx1MWVlM2Mga2hhaSBiXHUwMGUxbyBiXHUxZWIxbmcga1x1MDBmZCB0XHUxZWYxIG5cdTAwZTBvIFx1MDExMVx1MWVlOW5nIHRyXHUwMWIwXHUxZWRiYyB0XHUwMGVhbiBsXHUxZWRicD9cclxuPHVsPlxyXG48bGk+QS4gIzxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiAuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gKjxcL2xpPlxyXG48bGk+RC4gOjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI6IFRyb25nIENTUywgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoSUQgc2VsZWN0b3IpIFx1MDExMVx1MDFiMFx1MWVlM2Mga2hhaSBiXHUwMGUxbyBiXHUxZWIxbmcga1x1MDBmZCB0XHUxZWYxIG5cdTAwZTBvIFx1MDExMVx1MWVlOW5nIHRyXHUwMWIwXHUxZWRiYyB0XHUwMGVhbiBcdTAxMTFcdTFlY2JuaCBkYW5oP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuICM8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiAuPFwvbGk+XHJcbjxsaT5DLiAmPFwvbGk+XHJcbjxsaT5ELiAlPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzogTVx1MWVlNWMgXHUwMTExXHUwMGVkY2ggY2hcdTAwZWRuaCBjXHUxZWU3YSB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgdHJvbmcgQ1NTIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gXHUwMGMxcCBkXHUxZWU1bmcga2lcdTFlYzN1IGRcdTAwZTFuZyBjaG8gbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgZHV5IG5oXHUxZWE1dCB0clx1MDBlYW4gdHJhbmcuPFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjZG4gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGY5bmcgbG9cdTFlYTFpICh2XHUwMGVkIGRcdTFlZTU6IHRcdTFlYTV0IGNcdTFlYTMgdGhcdTFlYmIgcCkuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIFx1MDBjMXAgZFx1MWVlNW5nIGNcdTAwZjluZyBtXHUxZWQ5dCBraVx1MWVjM3UgZFx1MDBlMW5nIGNobyBuaGlcdTFlYzF1IHBoXHUxZWE3biB0XHUxZWVkIGtoXHUwMGUxYyBuaGF1IGhvXHUxZWI3YyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGY5bmcgbG9cdTFlYTFpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIENoXHUxZWNkbiBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBkXHUxZWYxYSB0clx1MDBlYW4gdlx1MWVjYiB0clx1MDBlZCBjXHUxZWU3YSBjaFx1MDBmYW5nIHRyb25nIGNcdTFlYTV1IHRyXHUwMGZhYyBIVE1MLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDQ6IE1cdTFlZTVjIFx1MDExMVx1MDBlZGNoIGNoXHUwMGVkbmggY1x1MWVlN2EgdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggdHJvbmcgQ1NTIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBcdTAwYzFwIGRcdTFlZTVuZyBraVx1MWVjM3UgZFx1MDBlMW5nIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBkdXkgbmhcdTFlYTV0IHZcdTAwZTAgeFx1MDBlMWMgXHUwMTExXHUxZWNibmggdHJcdTAwZWFuIHRyYW5nLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFx1MDBjMXAgZFx1MWVlNW5nIGNcdTAwZjluZyBtXHUxZWQ5dCBraVx1MWVjM3UgZFx1MDBlMW5nIGNobyBuaFx1MDBmM20gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQuPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjZG4gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgZFx1MWVmMWEgdHJcdTAwZWFuIG5cdTFlZDlpIGR1bmcgdlx1MDEwM24gYlx1MWVhM24gY1x1MWVlN2EgY2hcdTAwZmFuZy48XC9saT5cclxuPGxpPkQuIENoXHUxZWNkbiBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBkXHUxZWYxYSB0clx1MDBlYW4gdHJcdTFlYTFuZyB0aFx1MDBlMWkgdFx1MDFiMFx1MDFhMW5nIHRcdTAwZTFjIGNcdTFlZTdhIGNoXHUwMGZhbmcgKHZcdTAwZWQgZFx1MWVlNToga2hpIGRpIGNodVx1MWVkOXQgcXVhKS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA1OiBcdTAxMTBcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgbFx1MWVkYnAgY1x1MDBmMyB0XHUwMGVhbiBcImhpZ2hsaWdodFwiIGNobyBtXHUxZWQ5dCB0aFx1MWViYiBgPHA+YCB0cm9uZyBIVE1MLCBjXHUwMGZhIHBoXHUwMGUxcCBcdTAxMTFcdTAwZmFuZyBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIDxwIGlkPVwiaGlnaGxpZ2h0XCI+Tlx1MWVkOWkgZHVuZzxcL3A+PFwvbGk+XHJcbjxsaT5CLiA8cCBzdHlsZT1cImNsYXNzOiBoaWdobGlnaHQ7XCI+Tlx1MWVkOWkgZHVuZzxcL3A+PFwvbGk+XHJcbjxsaT5DLiA8cCBuYW1lPVwiaGlnaGxpZ2h0XCI+Tlx1MWVkOWkgZHVuZzxcL3A+PFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIDxwIGNsYXNzPVwiaGlnaGxpZ2h0XCI+Tlx1MWVkOWkgZHVuZzxcL3A+PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDY6IFx1MDExMFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBcdTAxMTFcdTFlY2JuaCBkYW5oIGNcdTAwZjMgdFx1MDBlYW4gXCJtYWluLWhlYWRlclwiIGNobyBtXHUxZWQ5dCB0aFx1MWViYiBgPGgxPmAgdHJvbmcgSFRNTCwgY1x1MDBmYSBwaFx1MDBlMXAgXHUwMTExXHUwMGZhbmcgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiA8aDEgY2xhc3M9XCJtYWluLWhlYWRlclwiPlRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgY2hcdTAwZWRuaDxcL2gxPjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiA8aDEgaWQ9XCJtYWluLWhlYWRlclwiPlRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgY2hcdTAwZWRuaDxcL2gxPjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIDxoMSBuYW1lPVwibWFpbi1oZWFkZXJcIj5UaVx1MDBlYXUgXHUwMTExXHUxZWMxIGNoXHUwMGVkbmg8XC9oMT48XC9saT5cclxuPGxpPkQuIDxoMSBzdHlsZT1cImlkOiBtYWluLWhlYWRlcjtcIj5UaVx1MDBlYXUgXHUwMTExXHUxZWMxIGNoXHUwMGVkbmg8XC9oMT48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA3OiBcdTAxMTBcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgY1x1MWVhMyBoYWkgbFx1MWVkYnAgXCJ0ZXh0LWNlbnRlclwiIHZcdTAwZTAgXCJsYXJnZS1mb250XCIgY2hvIG1cdTFlZDl0IHRoXHUxZWJiIGA8ZGl2PmAgdHJvbmcgSFRNTCwgY1x1MDBmYSBwaFx1MDBlMXAgXHUwMTExXHUwMGZhbmcgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiA8ZGl2IGNsYXNzPVwidGV4dC1jZW50ZXIsIGxhcmdlLWZvbnRcIj5OXHUxZWQ5aSBkdW5nPFwvZGl2PjxcL2xpPlxyXG48bGk+Qi4gPGRpdiBjbGFzcz1cInRleHQtY2VudGVyIGxhcmdlLWZvbnRcIj5OXHUxZWQ5aSBkdW5nPFwvZGl2PjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiA8ZGl2IGNsYXNzZXM9XCJ0ZXh0LWNlbnRlciBsYXJnZS1mb250XCI+Tlx1MWVkOWkgZHVuZzxcL2Rpdj48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiA8ZGl2IGNsYXNzPVwidGV4dC1jZW50ZXJcIiBjbGFzcz1cImxhcmdlLWZvbnRcIj5OXHUxZWQ5aSBkdW5nPFwvZGl2PjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDg6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgbFx1MWVkYnAgXCJlcnJvci1tZXNzYWdlXCIgaGlcdTFlYzNuIHRoXHUxZWNiIGNoXHUxZWVmIG1cdTAwZTB1IFx1MDExMVx1MWVjZi4gUXV5IHRcdTFlYWZjIENTUyBcdTAxMTFcdTAwZmFuZyBcdTAxMTFcdTFlYzMgdGhcdTFlZjFjIGhpXHUxZWM3biBcdTAxMTFpXHUxZWMxdSBuXHUwMGUweSBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gLmVycm9yLW1lc3NhZ2UgeyBjb2xvcjogcmVkOyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gI2Vycm9yLW1lc3NhZ2UgeyBjb2xvcjogcmVkOyB9PFwvbGk+XHJcbjxsaT5DLiBlcnJvci1tZXNzYWdlIHsgY29sb3I6IHJlZDsgfTxcL2xpPlxyXG48bGk+RC4gKmVycm9yLW1lc3NhZ2UgeyBjb2xvcjogcmVkOyB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgOTogQlx1MWVhMW4gbXVcdTFlZDFuIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgXHUwMTExXHUxZWNibmggZGFuaCBcInNpZGViYXJcIiBjXHUwMGYzIG1cdTAwZTB1IG5cdTFlYzFuIGxcdTAwZTAgeGFuaCBuaFx1MWVhMXQgKCNlMGYyZjcpLiBRdXkgdFx1MWVhZmMgQ1NTIFx1MDExMVx1MDBmYW5nIFx1MDExMVx1MWVjMyB0aFx1MWVmMWMgaGlcdTFlYzduIFx1MDExMWlcdTFlYzF1IG5cdTAwZTB5IGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gLnNpZGViYXIgeyBiYWNrZ3JvdW5kLWNvbG9yOiAjZTBmMmY3OyB9PFwvbGk+XHJcbjxsaT5CLiBzaWRlYmFyIHsgYmFja2dyb3VuZC1jb2xvcjogI2UwZjJmNzsgfTxcL2xpPlxyXG48bGk+Qy4gKnNpZGViYXIgeyBiYWNrZ3JvdW5kLWNvbG9yOiAjZTBmMmY3OyB9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuICNzaWRlYmFyIHsgYmFja2dyb3VuZC1jb2xvcjogI2UwZjJmNzsgfTxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMDogQ2hvIFx1MDExMW9cdTFlYTFuIEhUTUwgc2F1OiBgPHAgY2xhc3M9XCJpbnRyb1wiPlx1MDExMFx1MDBlMnkgbFx1MDBlMCBcdTAxMTFvXHUxZWExbiBnaVx1MWVkYmkgdGhpXHUxZWM3dS48XC9wPmAuIFF1eSB0XHUxZWFmYyBDU1MgYHAuaW50cm8geyBmb250LXN0eWxlOiBpdGFsaWM7IH1gIHNcdTFlYmQgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIHBoXHUxZWE3biB0XHUxZWVkIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBUXHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRoXHUxZWJiIGA8cD5gIHRyXHUwMGVhbiB0cmFuZy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQ2hcdTFlYzkgY1x1MDBlMWMgdGhcdTFlYmIgYDxwPmAgY1x1MDBmMyBsXHUxZWRicCBcImludHJvXCIuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gVFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGYzIGxcdTFlZGJwIFwiaW50cm9cIiwgYlx1MWVhNXQga1x1MWVjMyBsb1x1MWVhMWkgdGhcdTFlYmIuPFwvbGk+XHJcbjxsaT5ELiBLaFx1MDBmNG5nIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUwbyB2XHUwMGVjIGNcdTAwZmEgcGhcdTAwZTFwIHNhaS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMTogQ2hvIFx1MDExMW9cdTFlYTFuIEhUTUwgc2F1OiBgPGRpdiBpZD1cImhlYWRlclwiPlRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgdHJhbmc8XC9kaXY+YC4gUXV5IHRcdTFlYWZjIENTUyBgZGl2I2hlYWRlciB7IGJvcmRlci1ib3R0b206IDFweCBzb2xpZCBibGFjazsgfWAgc1x1MWViZCBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gcGhcdTFlYTduIHRcdTFlZWQgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQ2hcdTFlYzkgdGhcdTFlYmIgYDxkaXY+YCBjXHUwMGYzIFx1MDExMVx1MWVjYm5oIGRhbmggXCJoZWFkZXJcIi48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBUXHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRoXHUxZWJiIGA8ZGl2PmAgdHJcdTAwZWFuIHRyYW5nLjxcL2xpPlxyXG48bGk+Qy4gVFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGYzIFx1MDExMVx1MWVjYm5oIGRhbmggXCJoZWFkZXJcIiwgYlx1MWVhNXQga1x1MWVjMyBsb1x1MWVhMWkgdGhcdTFlYmIuPFwvbGk+XHJcbjxsaT5ELiBLaFx1MDBmNG5nIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUwbyB2XHUwMGVjIGNcdTAwZmEgcGhcdTAwZTFwIHNhaS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMjogQ2hvIEhUTUw6IGA8c3BhbiBjbGFzcz1cImljb24gc21hbGxcIj48XC9zcGFuPmAuIFF1eSB0XHUxZWFmYyBDU1MgYC5pY29uLnNtYWxsIHsgZGlzcGxheTogaW5saW5lLWJsb2NrOyB9YCBzXHUxZWJkIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gVFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aFx1MWViYiBgPHNwYW4+YC48XC9saT5cclxuPGxpPkIuIENcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgbFx1MWVkYnAgXCJpY29uXCIgSE9cdTFlYjZDIGxcdTFlZGJwIFwic21hbGxcIi48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gQ1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgY1x1MDBmMyBcdTAxMTBcdTFlZDJORyBUSFx1MWVkY0kgY1x1MWVhMyBsXHUxZWRicCBcImljb25cIiB2XHUwMGUwIGxcdTFlZGJwIFwic21hbGxcIi48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBLaFx1MDBmNG5nIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUwbyB2XHUwMGVjIGNcdTAwZmEgcGhcdTAwZTFwIHNhaS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMzogQlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBtXHUxZWQ5dCBuaFx1MDBmM20gY1x1MDBlMWMgblx1MDBmYXQgKGJ1dHRvbikgY1x1MDBmMyBjXHUwMGY5bmcga2lcdTFlYzN1IGRcdTAwZTFuZyAodlx1MDBlZCBkXHUxZWU1OiBtXHUwMGUwdSBuXHUxZWMxbiwgYm8gZ1x1MDBmM2MpLiBMb1x1MWVhMWkgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gcGhcdTAwZjkgaFx1MWVlM3Agdlx1MDBlMCB0XHUwMGUxaSBzXHUxZWVkIGRcdTFlZTVuZyB0XHUxZWQxdCBuaFx1MWVhNXQgdHJvbmcgdHJcdTAxYjBcdTFlZGRuZyBoXHUxZWUzcCBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoSUQgc2VsZWN0b3IpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoQ2xhc3Mgc2VsZWN0b3IpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIChFbGVtZW50IHNlbGVjdG9yKS48XC9saT5cclxuPGxpPkQuIEJcdTFlZDkgY2hcdTFlY2RuIHRodVx1MWVkOWMgdFx1MDBlZG5oIChBdHRyaWJ1dGUgc2VsZWN0b3IpLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE0OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8ga2lcdTFlYzN1IGRcdTAwZTFuZyByaVx1MDBlYW5nIGJpXHUxZWM3dCBjaG8gcGhcdTFlYTduIGNoXHUwMGUybiB0cmFuZyAoZm9vdGVyKSBjXHUxZWU3YSB0cmFuZyB3ZWIsIHZcdTAwZTAgYlx1MWVhMW4gYmlcdTFlYmZ0IHJcdTFlYjFuZyBjaFx1MWVjOSBjXHUwMGYzIGR1eSBuaFx1MWVhNXQgbVx1MWVkOXQgcGhcdTFlYTduIGNoXHUwMGUybiB0cmFuZyB0clx1MDBlYW4gbVx1MWVkN2kgdHJhbmcuIExvXHUxZWExaSBiXHUxZWQ5IGNoXHUxZWNkbiBuXHUwMGUwbyBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVhM20gYlx1MWVhM28gdFx1MDBlZG5oIGR1eSBuaFx1MWVhNXQgdlx1MDBlMCBkXHUxZWM1IGRcdTAwZTBuZyB0cnV5IGNcdTFlYWRwIGJcdTFlYjFuZyBKYXZhU2NyaXB0IChuXHUxZWJmdSBjXHUxZWE3bik/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoSUQgc2VsZWN0b3IpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIChDbGFzcyBzZWxlY3RvcikuPFwvbGk+XHJcbjxsaT5DLiBCXHUxZWQ5IGNoXHUxZWNkbiBwaFx1MWVhN24gdFx1MWVlZCAoRWxlbWVudCBzZWxlY3RvcikuPFwvbGk+XHJcbjxsaT5ELiBCXHUxZWQ5IGNoXHUxZWNkbiBuaFx1MDBmM20gKEdyb3VwIHNlbGVjdG9yKS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogQ2hvIFx1MDExMW9cdTFlYTFuIEhUTUw6IGA8ZGl2IGlkPVwibWFpblwiPk5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaDxcL2Rpdj5gIHZcdTAwZTAgYDxwIGNsYXNzPVwibWFpblwiPlx1MDExMG9cdTFlYTFuIHZcdTAxMDNuPFwvcD5gLiBRdXkgdFx1MWVhZmMgQ1NTIGAjbWFpbiB7IGNvbG9yOiBibHVlOyB9YCBzXHUxZWJkIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBDaFx1MWVjOSB0aFx1MWViYiBgPGRpdj5gIGNcdTAwZjMgXHUwMTExXHUxZWNibmggZGFuaCBcIm1haW5cIi48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSB0aFx1MWViYiBgPHA+YCBjXHUwMGYzIGxcdTFlZGJwIFwibWFpblwiLjxcL2xpPlxyXG48bGk+Qy4gQ1x1MWVhMyB0aFx1MWViYiBgPGRpdj5gIHZcdTAwZTAgdGhcdTFlYmIgYDxwPmAgdlx1MDBlYyB0XHUwMGVhbiBcIm1haW5cIiBnaVx1MWVkMW5nIG5oYXUuPFwvbGk+XHJcbjxsaT5ELiBLaFx1MDBmNG5nIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUwby48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNjogQ2hvIFx1MDExMW9cdTFlYTFuIEhUTUw6IGA8YnV0dG9uIGNsYXNzPVwiYnRuIHByaW1hcnlcIj5HXHUxZWVkaTxcL2J1dHRvbj5gLiBOXHUxZWJmdSBjXHUwMGYzIGhhaSBxdXkgdFx1MWVhZmMgQ1NTOiBgLmJ0biB7IHBhZGRpbmc6IDEwcHg7IH1gIHZcdTAwZTAgYC5wcmltYXJ5IHsgYmFja2dyb3VuZC1jb2xvcjogYmx1ZTsgfWAsIHRoXHUwMGVjIG5cdTAwZmF0IFwiR1x1MWVlZGlcIiBzXHUxZWJkIGNcdTAwZjMga2lcdTFlYzN1IGRcdTAwZTFuZyBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVjOSBjXHUwMGYzIHBhZGRpbmcgMTBweC48XC9saT5cclxuPGxpPkIuIENoXHUxZWM5IGNcdTAwZjMgbVx1MDBlMHUgblx1MWVjMW4geGFuaC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gQ1x1MDBmMyBjXHUxZWEzIHBhZGRpbmcgMTBweCB2XHUwMGUwIG1cdTAwZTB1IG5cdTFlYzFuIHhhbmguPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gS2hcdTAwZjRuZyBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgZFx1MDBlMW5nIG5cdTAwZTBvIHZcdTAwZWMgY1x1MDBmMyBoYWkgbFx1MWVkYnAuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTc6IFRyb25nIG1cdTFlZDl0IHRcdTAwZTBpIGxpXHUxZWM3dSBIVE1MIGhcdTFlZTNwIGxcdTFlYzcsIFx1MDExMWlcdTFlYzF1IGdcdTAwZWMgeFx1MWVhM3kgcmEgblx1MWViZnUgYlx1MWVhMW4gdlx1MDBmNCB0XHUwMGVjbmggc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBmOW5nIG1cdTFlZDl0IGdpXHUwMGUxIHRyXHUxZWNiIGNobyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgaWRgIHRyXHUwMGVhbiBoYWkgcGhcdTFlYTduIHRcdTFlZWQga2hcdTAwZTFjIG5oYXU/XHJcbjx1bD5cclxuPGxpPkEuIFRyYW5nIHdlYiBzXHUxZWJkIGtoXHUwMGY0bmcgaGlcdTFlYzNuIHRoXHUxZWNiLjxcL2xpPlxyXG48bGk+Qi4gVHJcdTAwZWNuaCBkdXlcdTFlYzd0IHNcdTFlYmQgYlx1MDBlMW8gbFx1MWVkN2kgdlx1MDBlMCBkXHUxZWVibmcgdGhcdTFlZjFjIHRoaSBDU1NcL0phdmFTY3JpcHQgbGlcdTAwZWFuIHF1YW4uPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBwaFx1MWVhN24gdFx1MWVlZCBcdTAxMTFcdTFlYTd1IHRpXHUwMGVhbiB0cm9uZyBtXHUwMGUzIEhUTUwgbmhcdTFlYWRuIGtpXHUxZWMzdSBkXHUwMGUxbmcgdFx1MWVlYiBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBUcmFuZyB3ZWIgdlx1MWVhYm4gaGlcdTFlYzNuIHRoXHUxZWNiLCBjXHUwMGUxYyBxdXkgdFx1MWVhZmMgQ1NTIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggY1x1MDBmMyB0aFx1MWVjMyB2XHUxZWFibiBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBjXHUxZWEzIGhhaSBwaFx1MWVhN24gdFx1MWVlZCAodFx1MDBmOXkgdHJcdTAwZWNuaCBkdXlcdTFlYzd0KSwgbmhcdTAxYjBuZyBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgaFx1MDBlMG5oIHZpIGtoXHUwMGY0bmcgaFx1MWVlM3AgbFx1MWVjNyB2XHUwMGUwIGNcdTAwZjMgdGhcdTFlYzMgZ1x1MDBlMnkgcmEgbFx1MWVkN2kgdlx1MWVkYmkgSmF2YVNjcmlwdCBob1x1MWViN2MgY1x1MDBlMWMgeFx1MWVlZCBsXHUwMGZkIGtoXHUwMGUxYyBkXHUxZWYxYSB0clx1MDBlYW4gSUQgZHV5IG5oXHUxZWE1dC48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTg6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgZGFuaCBzXHUwMGUxY2ggY1x1MDBlMWMgbVx1MWVlNWMgKGA8bGk+YCkgdlx1MDBlMCBtdVx1MWVkMW4gbVx1MWVlNWMgXHUwMTExXHUxZWE3dSB0aVx1MDBlYW4gY1x1MDBmMyBtXHUwMGUwdSBjaFx1MWVlZiBraFx1MDBlMWMgYmlcdTFlYzd0ICh2XHUwMGVkIGRcdTFlZTU6IHhhbmggbFx1MDBlMSBjXHUwMGUyeSksIHRyb25nIGtoaSBjXHUwMGUxYyBtXHUxZWU1YyBraFx1MDBlMWMgdlx1MWVhYm4gZ2lcdTFlZWYgbVx1MDBlMHUgbVx1MWViN2MgXHUwMTExXHUxZWNibmggaG9cdTFlYjdjIG1cdTAwZTB1IHRcdTFlZWIgY1x1MDBlMWMgcXV5IHRcdTFlYWZjIGtoXHUwMGUxYy4gTG9cdTFlYTFpIGJcdTFlZDkgY2hcdTFlY2RuIG5cdTAwZTBvIGtcdTFlYmZ0IGhcdTFlZTNwIHZcdTFlZGJpIGJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIChgbGlgKSBsXHUwMGUwIHBoXHUwMGY5IGhcdTFlZTNwIG5oXHUxZWE1dCBcdTAxMTFcdTFlYzMgbmhcdTFlYWZtIG1cdTFlZTVjIHRpXHUwMGVhdSA8aT5jaFx1MWVjOTxcL2k+IG1cdTFlZTVjIFx1MDExMVx1MWVhN3UgdGlcdTAwZWFuIG1cdTFlZDl0IGNcdTAwZTFjaCBjaFx1MDBlZG5oIHhcdTAwZTFjIHZcdTAwZTAgZHV5IG5oXHUxZWE1dD9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIChJRCBzZWxlY3RvcikgdHJcdTAwZWFuIHRoXHUxZWJiIGA8bGk+YCBcdTAxMTFcdTFlYTd1IHRpXHUwMGVhbi48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoQ2xhc3Mgc2VsZWN0b3IpIFx1MDBlMXAgZFx1MWVlNW5nIGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRoXHUxZWJiIGA8bGk+YC48XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIGBsaWAgXHUwMTExXHUwMWExbiB0aHVcdTFlYTduLjxcL2xpPlxyXG48bGk+RC4gXHUwMGMxcCBkXHUxZWU1bmcga2lcdTFlYzN1IGRcdTAwZTFuZyB0clx1MWVmMWMgdGlcdTFlYmZwIGJcdTFlYjFuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgc3R5bGVgIHRyb25nIEhUTUwuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTk6IENobyBDU1Mgc2F1OiBgLm5vdGUgeyBmb250LXNpemU6IDE0cHg7IH1gLiBIVE1MIG5cdTAwZTBvIGRcdTAxYjBcdTFlZGJpIFx1MDExMVx1MDBlMnkgc1x1MWViZCBoaVx1MWVjM24gdGhcdTFlY2Igdlx1MDEwM24gYlx1MWVhM24gdlx1MWVkYmkgY1x1MWVlMSBjaFx1MWVlZiAxNHB4P1xyXG48dWw+XHJcbjxsaT5BLiA8cCBpZD1cIm5vdGVcIj5WXHUwMTAzbiBiXHUxZWEzbjxcL3A+PFwvbGk+XHJcbjxsaT5CLiA8ZGl2IG5hbWU9XCJub3RlXCI+Vlx1MDEwM24gYlx1MWVhM248XC9kaXY+PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIDxzcGFuIGNsYXNzPVwibm90ZVwiPlZcdTAxMDNuIGJcdTFlYTNuPFwvc3Bhbj48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiA8aDE+bm90ZTxcL2gxPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIwOiBDaG8gQ1NTIHNhdTogYCNtYWluLXNlY3Rpb24geyBtYXJnaW4tdG9wOiAyMHB4OyB9YC4gSFRNTCBuXHUwMGUwbyBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IHNcdTFlYmQgY1x1MDBmMyBsXHUxZWMxIHRyXHUwMGVhbiAyMHB4P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIDxkaXYgaWQ9XCJtYWluLXNlY3Rpb25cIj5OXHUxZWQ5aSBkdW5nPFwvZGl2PjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIDxwIGNsYXNzPVwibWFpbi1zZWN0aW9uXCI+XHUwMTEwb1x1MWVhMW4gdlx1MDEwM248XC9wPjxcL2xpPlxyXG48bGk+Qy4gPHNwYW4+bWFpbi1zZWN0aW9uPFwvc3Bhbj48XC9saT5cclxuPGxpPkQuIDxmb290ZXI+aWQ9XCJtYWluLXNlY3Rpb25cIjxcL2Zvb3Rlcj48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMTogQlx1MWVhMW4gXHUwMTExYW5nIHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCBiaVx1MWVjM3UgbVx1MWVhYnUgdlx1MDBlMCBtdVx1MWVkMW4gY1x1MDBlMWMgdHJcdTAxYjBcdTFlZGRuZyBuaFx1MWVhZHAgbGlcdTFlYzd1IChgPGlucHV0PmApIGNcdTAwZjMgdmlcdTFlYzFuIG1cdTAwZTB1IHhcdTAwZTFtLiBUdXkgbmhpXHUwMGVhbiwgYlx1MWVhMW4gbXVcdTFlZDFuIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSBcImVtYWlsXCIgY1x1MDBmMyB2aVx1MWVjMW4gbVx1MDBlMHUgeGFuaCBkXHUwMWIwXHUwMWExbmcgXHUwMTExXHUxZWMzIGxcdTAwZTBtIG5cdTFlZDVpIGJcdTFlYWR0LiBDXHUwMGUxY2ggdGlcdTFlYmZwIGNcdTFlYWRuIGhpXHUxZWM3dSBxdVx1MWVhMyBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIHRoXHUxZWYxYyBoaVx1MWVjN24gXHUwMTExaVx1MWVjMXUgblx1MDBlMHkgc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgdlx1MDBlMCBcdTAxMTFcdTFlY2JuaCBkYW5oIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gRFx1MDBmOW5nIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGNobyB0XHUxZWE1dCBjXHUxZWEzIGA8aW5wdXQ+YCwgc2F1IFx1MDExMVx1MDBmMyBkXHUwMGY5bmcgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAga2hcdTAwZTFjIGNobyB0clx1MDFiMFx1MWVkZG5nIGVtYWlsLjxcL2xpPlxyXG48bGk+Qi4gRFx1MDBmOW5nIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggY2hvIHRcdTFlYTV0IGNcdTFlYTMgYDxpbnB1dD5gLCBzYXUgXHUwMTExXHUwMGYzIGRcdTAwZjluZyBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGtoXHUwMGUxYyBjaG8gdHJcdTAxYjBcdTFlZGRuZyBlbWFpbC48XC9saT5cclxuPGxpPkMuIERcdTAwZjluZyBiXHUxZWQ5IGNoXHUxZWNkbiBwaFx1MWVhN24gdFx1MWVlZCBgaW5wdXRgIGNobyB0XHUxZWE1dCBjXHUxZWEzLCBzYXUgXHUwMTExXHUwMGYzIFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBkXHUwMGUxbmcgdHJcdTFlZjFjIHRpXHUxZWJmcCBiXHUxZWIxbmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYHN0eWxlYCBjaG8gdHJcdTAxYjBcdTFlZGRuZyBlbWFpbC48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gRFx1MDBmOW5nIGJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIGBpbnB1dGAgY2hvIHZpXHUxZWMxbiB4XHUwMGUxbSBjaHVuZywgc2F1IFx1MDExMVx1MDBmMyBkXHUwMGY5bmcgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBgI2VtYWlsLWZpZWxkYCAodlx1MWVkYmkgYGlkPVwiZW1haWwtZmllbGRcImAgdHJcdTAwZWFuIHRoXHUxZWJiIGlucHV0IGVtYWlsKSBcdTAxMTFcdTFlYzMgZ2hpIFx1MDExMVx1MDBlOCB2aVx1MWVjMW4gbVx1MDBlMHUgeGFuaCBkXHUwMWIwXHUwMWExbmcgY2hvIHRyXHUwMWIwXHUxZWRkbmcgZW1haWwuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIyOiBQaFx1MDBlMXQgYmlcdTFlYzN1IG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IHZcdTFlYzEgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgdlx1MDBlMCBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGxcdTAwZTAgU0FJP1xyXG48dWw+XHJcbjxsaT5BLiBNXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGNcdTAwZjMgdGhcdTFlYzMgY1x1MDBmMyBuaGlcdTFlYzF1IGxcdTFlZGJwIG5oXHUwMWIwbmcgY2hcdTFlYzkgblx1MDBlYW4gY1x1MDBmMyBtXHUxZWQ5dCBcdTAxMTFcdTFlY2JuaCBkYW5oIGR1eSBuaFx1MWVhNXQuPFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGNcdTAwZjMgXHUwMTExXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIChzcGVjaWZpY2l0eSkgY2FvIGhcdTAxYTFuIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBUXHUwMGVhbiBsXHUxZWRicCB2XHUwMGUwIHRcdTAwZWFuIFx1MDExMVx1MWVjYm5oIGRhbmggXHUwMTExXHUxZWMxdSBraFx1MDBmNG5nIFx1MDExMVx1MDFiMFx1MWVlM2MgY2hcdTFlZTlhIGRcdTFlYTV1IGdcdTFlYTFjaCBuZ2FuZyAoLSkuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgbmhcdTAwZjNtIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgY1x1MDBmOW5nIGtpXHUxZWMzdSBkXHUwMGUxbmcsIHRyb25nIGtoaSBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgY2hvIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGR1eSBuaFx1MWVhNXQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjM6IENobyBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUw6IGA8ZGl2IGNsYXNzPVwiYm94IHByaW1hcnlcIj5OXHUxZWQ5aSBkdW5nPFwvZGl2PmAuIFx1MDExMFx1MWVjMyB2aVx1MWViZnQgcXV5IHRcdTFlYWZjIENTUyBjaFx1MWVjOSBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gdGhcdTFlYmIgYGRpdmAgblx1MDBlMHkgKGNcdTAwZjMgY1x1MWVhMyBoYWkgbFx1MWVkYnAgXCJib3hcIiB2XHUwMGUwIFwicHJpbWFyeVwiKSwgY1x1MDBmYSBwaFx1MDBlMXAgblx1MDBlMG8gbFx1MDBlMCBjaFx1MDBlZG5oIHhcdTAwZTFjP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGRpdi5ib3gucHJpbWFyeSB7IC4uLiB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gLmJveC5wcmltYXJ5IGRpdiB7IC4uLiB9PFwvbGk+XHJcbjxsaT5DLiBkaXYgLmJveCAucHJpbWFyeSB7IC4uLiB9PFwvbGk+XHJcbjxsaT5ELiAjYm94I3ByaW1hcnkgeyAuLi4gfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI0OiBLaGkgblx1MDBlMG8gdGhcdTAwZWMgdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKCMpIGxcdTAwZTAgbFx1MWVmMWEgY2hcdTFlY2RuIHRcdTFlZDF0IGhcdTAxYTFuIHNvIHZcdTFlZGJpIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwICguKT9cclxuPHVsPlxyXG48bGk+QS4gS2hpIGJcdTFlYTFuIG11XHUxZWQxbiBcdTAwZTFwIGRcdTFlZTVuZyBjXHUwMGY5bmcgbVx1MWVkOXQga2lcdTFlYzN1IGRcdTAwZTFuZyBjaG8gbmhpXHUxZWMxdSBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gS2hpIGJcdTFlYTFuIG11XHUxZWQxbiBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgY1x1MWVlNSB0aFx1MWVjMywgZHV5IG5oXHUxZWE1dCB0clx1MDBlYW4gdHJhbmcgKHZcdTAwZWQgZFx1MWVlNTogaGVhZGVyIGNoXHUwMGVkbmgsIGZvb3Rlciwgc2lkZWJhcikuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gS2hpIGJcdTFlYTFuIG11XHUxZWQxbiBuaFx1MDBmM20gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgbFx1MWVhMWkgXHUwMTExXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBkXHUwMGUxbmcgY2h1bmcuPFwvbGk+XHJcbjxsaT5ELiBLaGkgYlx1MWVhMW4gY1x1MWVhN24gXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGRcdTFlZjFhIHRyXHUwMGVhbiB0clx1MWVhMW5nIHRoXHUwMGUxaSB0XHUwMWIwXHUwMWExbmcgdFx1MDBlMWMgY1x1MWVlN2EgY2hcdTAwZmFuZy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNTogQlx1MWVhMW4gY1x1MDBmMyBtXHUxZWQ5dCB0cmFuZyB3ZWIgdlx1MWVkYmkgbmhpXHUxZWMxdSBoXHUwMGVjbmggXHUxZWEzbmguIEJcdTFlYTFuIG11XHUxZWQxbiBcdTAwZTFwIGRcdTFlZTVuZyBtXHUxZWQ5dCBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gbVx1MDBlMHUgeFx1MDBlMW0gY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgaFx1MDBlY25oIFx1MWVhM25oIGNcdTAwZjMga1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBuaFx1MWVjZi4gQlx1MWVhMW4gXHUwMTExXHUwMGUzIFx1MDExMVx1MDBlMW5oIGRcdTFlYTV1IGNcdTAwZTFjIGhcdTAwZWNuaCBcdTFlYTNuaCBuaFx1MWVjZiBiXHUxZWIxbmcgbFx1MWVkYnAgXCJzbWFsbC1pbWdcIi4gUXV5IHRcdTFlYWZjIENTUyBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBzXHUxZWJkIGNoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBjaG8gY1x1MDBlMWMgaFx1MDBlY25oIFx1MWVhM25oIGNcdTAwZjMgbFx1MWVkYnAgXCJzbWFsbC1pbWdcIj9cclxuPHVsPlxyXG48bGk+QS4gLnNtYWxsLWltZyB7IGJvcmRlcjogMXB4IHNvbGlkIGdyYXk7IH08XC9saT5cclxuPGxpPkIuIGltZyB7IGJvcmRlcjogMXB4IHNvbGlkIGdyYXk7IH08XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gaW1nLnNtYWxsLWltZyB7IGJvcmRlcjogMXB4IHNvbGlkIGdyYXk7IH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiAjc21hbGwtaW1nIHsgYm9yZGVyOiAxcHggc29saWQgZ3JheTsgfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI2OiBDaG8gXHUwMTExb1x1MWVhMW4gQ1NTOiBgLmJveCB7IGJhY2tncm91bmQtY29sb3I6IGxpZ2h0Ymx1ZTsgfWAuIEJcdTFlYTFuIGNcdTAwZjMgSFRNTCBgPGRpdiBjbGFzcz1cImJveFwiPjxcL2Rpdj4gPHAgY2xhc3M9XCJib3hcIj48XC9wPmAuIFF1eSB0XHUxZWFmYyBDU1Mgblx1MDBlMHkgc1x1MWViZCBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gbmhcdTFlZWZuZyBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgdGhcdTFlYmIgYDxkaXY+YC48XC9saT5cclxuPGxpPkIuIENoXHUxZWM5IHRoXHUxZWJiIGA8cD5gLjxcL2xpPlxyXG48bGk+Qy4gS2hcdTAwZjRuZyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gcGhcdTFlYTduIHRcdTFlZWQgblx1MDBlMG8gdlx1MDBlYyBsb1x1MWVhMWkgdGhcdTFlYmIga2hcdTAwZTFjIG5oYXUuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIENcdTFlYTMgdGhcdTFlYmIgYDxkaXY+YCB2XHUwMGUwIHRoXHUxZWJiIGA8cD5gLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNzogQ2hvIFx1MDExMW9cdTFlYTFuIENTUzogYCN1bmlxdWUtaXRlbSB7IGZvbnQtd2VpZ2h0OiBib2xkOyB9YC4gQlx1MWVhMW4gY1x1MDBmMyBIVE1MIGA8bGkgaWQ9XCJ1bmlxdWUtaXRlbVwiPk1cdTFlZTVjIDE8XC9saT4gPGxpPk1cdTFlZTVjIDI8XC9saT5gLiBRdXkgdFx1MWVhZmMgQ1NTIG5cdTAwZTB5IHNcdTFlYmQgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIG5oXHUxZWVmbmcgcGhcdTFlYTduIHRcdTFlZWQgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQ2hcdTFlYzkgdGhcdTFlYmIgYDxsaT5gIGNcdTAwZjMgXHUwMTExXHUxZWNibmggZGFuaCBcInVuaXF1ZS1pdGVtXCIuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gVFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aFx1MWViYiBgPGxpPmAgdHJvbmcgZGFuaCBzXHUwMGUxY2guPFwvbGk+XHJcbjxsaT5DLiBLaFx1MDBmNG5nIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUwbyB2XHUwMGVjIElEIGNoXHUxZWM5IGRcdTAwZjluZyBjaG8gYGRpdmAuPFwvbGk+XHJcbjxsaT5ELiBcdTAwYzFwIGRcdTFlZTVuZyBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCB0clx1MDBlYW4gdHJhbmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjg6IFRyb25nIENTUywgXHUwMTExXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIChzcGVjaWZpY2l0eSkgY1x1MWVlN2EgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoIykgc28gdlx1MWVkYmkgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKC4pIGxcdTAwZTAgbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBjXHUwMGYzIFx1MDExMVx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiBjYW8gaFx1MDFhMW4gYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY1x1MDBmMyBcdTAxMTFcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gY2FvIGhcdTAxYTFuIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmguPFwvbGk+XHJcbjxsaT5DLiBcdTAxMTBcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gY1x1MWVlN2EgY2hcdTAwZmFuZyBsXHUwMGUwIG5oXHUwMWIwIG5oYXUuPFwvbGk+XHJcbjxsaT5ELiBcdTAxMTBcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gcGhcdTFlZTUgdGh1XHUxZWQ5YyB2XHUwMGUwbyB0aFx1MWVlOSB0XHUxZWYxIGtoYWkgYlx1MDBlMW8gdHJvbmcgdFx1MWVjN3AgQ1NTLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI5OiBCXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IHRoXHUxZWJiIGA8aW1nPmAgdlx1MDBlMCBtdVx1MWVkMW4gXHUwMGUxcCBkXHUxZWU1bmcgY1x1MWVhMyBsXHUxZWRicCBcImJvcmRlcmVkXCIgKFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbikgdlx1MDBlMCBcdTAxMTFcdTFlY2JuaCBkYW5oIFwicHJvZmlsZS1waWNcIiAoa1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyBjXHUxZWQxIFx1MDExMVx1MWVjYm5oKSBjaG8gblx1MDBmMy4gQ1x1MDBmYSBwaFx1MDBlMXAgSFRNTCBcdTAxMTFcdTAwZmFuZyBcdTAxMTFcdTFlYzMgbFx1MDBlMG0gXHUwMTExaVx1MWVjMXUgblx1MDBlMHkgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiA8aW1nIGNsYXNzPVwiYm9yZGVyZWRcIiBjbGFzcz1cInByb2ZpbGUtcGljXCIgc3JjPVwiLi4uXCI+PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIDxpbWcgY2xhc3M9XCJib3JkZXJlZFwiIGlkPVwicHJvZmlsZS1waWNcIiBzcmM9XCIuLi5cIj48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiA8aW1nIGlkPVwiYm9yZGVyZWRcIiBjbGFzcz1cInByb2ZpbGUtcGljXCIgc3JjPVwiLi4uXCI+PFwvbGk+XHJcbjxsaT5ELiA8aW1nIGNsYXNzZXM9XCJib3JkZXJlZFwiIGlkcz1cInByb2ZpbGUtcGljXCIgc3JjPVwiLi4uXCI+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzA6IFhcdTAwZTl0IFx1MDExMW9cdTFlYTFuIEhUTUw6IGA8ZGl2IGlkPVwiY29udGFpbmVyXCI+IDxwIGNsYXNzPVwidGV4dFwiPkhlbGxvPFwvcD4gPFwvZGl2PmAuIFF1eSB0XHUxZWFmYyBDU1MgYCNjb250YWluZXIgLnRleHQgeyBjb2xvcjogZ3JlZW47IH1gIHNcdTFlYmQgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIHBoXHUxZWE3biB0XHUxZWVkIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFRoXHUxZWJiIGA8cD5gIG5cdTFlYjFtIGJcdTAwZWFuIHRyb25nIHRoXHUxZWJiIGA8ZGl2PmAgY1x1MDBmMyBcdTAxMTFcdTFlY2JuaCBkYW5oIFwiY29udGFpbmVyXCIgdlx1MDBlMCBjXHUwMGYzIGxcdTFlZGJwIFwidGV4dFwiLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdGhcdTFlYmIgYDxwPmAgY1x1MDBmMyBsXHUxZWRicCBcInRleHRcIiB0clx1MDBlYW4gdHJhbmcuPFwvbGk+XHJcbjxsaT5DLiBUaFx1MWViYiBgPGRpdj5gIGNcdTAwZjMgXHUwMTExXHUxZWNibmggZGFuaCBcImNvbnRhaW5lclwiLjxcL2xpPlxyXG48bGk+RC4gVFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGYzIGxcdTFlZGJwIFwidGV4dFwiIG5cdTFlYjFtIGJcdTAwZWFuIHRyb25nIGJcdTFlYTV0IGtcdTFlZjMgdGhcdTFlYmIgYDxkaXY+YCBuXHUwMGUwby48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiI4NTQ5OTYsODU0OTk3LDg1NDk5OCw4NTQ5OTksODU1MDAwLDg1NTAwMSw4NTUwMDIsODU1MDAzLDg1NTAwNCw4NTUwMDUsODU1MDA2LDg1NTAwNyw4NTUwMDgsODU1MDA5LDg1NTAxMCw4NTUwMTEsODU1MDEyLDg1NTAxMyw4NTUwMTQsODU1MDE1LDg1NTAxNiw4NTUwMTcsODU1MDE4LDg1NTAxOSw4NTUwMjAsODU1MDIxLDg1NTAyMiw4NTUwMjMsODU1MDI0LDg1NTAyNSIsIm9yZGVyaW5nIjoiMjg2NTAiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='28650'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_28650' value='45d85a0ccb'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-29588'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_29588' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 03</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 03</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p> <div class="question-block"> <p>Câu 1: Trong CSS, bạn sử dụng ký hiệu nào để khai báo một bộ chọn lớp (class selector)?</p> <ul> <li><strong>A. .</strong></li> <li>B. #</li> <li>C. *</li> <li>D. :</li> </ul> </div> <div class="question-block"> <p>Câu 2: Ký hiệu nào được sử dụng để khai báo một bộ chọn định danh (ID selector) trong CSS?</p> <ul> <li>A. .</li> <li><strong>B. #</strong></li> <li>C. &</li> <li>D. $</li> </ul> </div> <div class="question-block"> <p>Câu 3: Cho đoạn mã HTML sau: `</p> <p class= <ul> <li>A. #noi_bat</li> <li>B. p</li> <li><strong>C. .noi_bat</strong></li> <li>D. class=</li> </ul> </div> <div class="question-block"> <p>Câu 4: Cho đoạn mã HTML sau: `</p> <div id= <ul> <li><strong>A. #phan_dau</strong></li> <li>B. .phan_dau</li> <li>C. div</li> <li>D. id=</li> </ul> </div> <div class="question-block"> <p>Câu 5: Sự khác biệt cơ bản giữa bộ chọn lớp và bộ chọn định danh trong CSS là gì?</p> <ul> <li>A. Bộ chọn lớp chỉ áp dụng cho thẻ ` <div>`, còn bộ chọn định danh áp dụng cho mọi thẻ.</li> <li>B. Bộ chọn định danh ưu tiên hơn bộ chọn lớp khi cùng tác động lên một phần tử.</li> <li>C. Bộ chọn lớp dùng để định dạng văn bản, bộ chọn định danh dùng để định dạng bố cục.</li> <li><strong>D. Bộ chọn lớp có thể dùng lại cho nhiều phần tử, bộ chọn định danh chỉ dùng cho một phần tử duy nhất.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 6: Một trang web có nhiều đoạn văn bản cần hiển thị màu xanh. Bạn nên sử dụng loại bộ chọn nào để định dạng chung cho tất cả các đoạn văn bản đó?</p> <ul> <li><strong>A. Bộ chọn lớp (Class selector)</strong></li> <li>B. Bộ chọn định danh (ID selector)</li> <li>C. Bộ chọn thẻ (Element selector)</li> <li>D. Bộ chọn chung (Universal selector)</li> </ul> </div> <div class="question-block"> <p>Câu 7: Bạn muốn định dạng một phần tử cụ thể, duy nhất trên trang web (ví dụ: phần tiêu đề chính của trang) với các kiểu dáng riêng biệt. Loại bộ chọn nào phù hợp nhất trong trường hợp này?</p> <ul> <li>A. Bộ chọn lớp (Class selector)</li> <li><strong>B. Bộ chọn định danh (ID selector)</strong></li> <li>C. Bộ chọn nhóm (Group selector)</li> <li>D. Bộ chọn thuộc tính (Attribute selector)</li> </ul> </div> <div class="question-block"> <p>Câu 8: Cho đoạn mã CSS sau: `.chu_do { color: red; }`. Để áp dụng kiểu chữ màu đỏ cho một đoạn văn bản trong HTML, bạn sẽ viết thẻ `p` như thế nào?</p> <ul> <li>A. <p id=</li> <li>B. <p .chu_do>...</p> </li> <li><strong>C. <p class=</strong></li> <li>D. <p #chu_do>...</p> </li> </ul> </div> <div class="question-block"> <p>Câu 9: Cho đoạn mã CSS sau: `#tieu_de { font-size: 24px; }`. Để áp dụng kiểu cỡ chữ 24px cho một thẻ `</p> <h1>` duy nhất trong HTML, bạn sẽ viết thẻ `h1` như thế nào?</p> <ul> <li>A.<br /> <h1 class=</li> <li><strong>B.<br /> <h1 id=</strong></li> <li>C.<br /> <h1 #tieu_de>...</h1> </li> <li>D.<br /> <h1 .tieu_de>...</h1> </li> </ul> </div> <div class="question-block"> <p>Câu 10: Bạn có hai bộ chọn lớp: `.can_giua { text-align: center; }` và `.chu_dam { font-weight: bold; }`. Làm thế nào để áp dụng cả hai kiểu định dạng này cho cùng một đoạn văn bản `</p> <p>`?</p> <ul> <li>A. <p class=</li> <li>B. <p class=</li> <li>C. <p class=</li> <li><strong>D. <p class=</strong></li> </ul> </div> <div class="question-block"> <p>Câu 11: Xét đoạn CSS sau:<br /> ```css<br /> .hop-noi-dung {<br /> border: 1px solid black;<br /> padding: 10px;<br /> }<br /> #hop-dac-biet {<br /> background-color: yellow;<br /> }<br /> ```<br /> Nếu một thẻ `div` có cả `class=</p> <ul> <li><strong>A. Viền đen 1px, đệm 10px, và nền vàng.</strong></li> <li>B. Chỉ có viền đen 1px và đệm 10px.</li> <li>C. Chỉ có nền vàng.</li> <li>D. Không có kiểu nào được áp dụng do xung đột.</li> </ul> </div> <div class="question-block"> <p>Câu 12: Tại sao việc sử dụng cùng một giá trị cho thuộc tính `id` trên nhiều phần tử HTML trong cùng một trang lại được coi là không đúng chuẩn và có thể gây ra lỗi?</p> <ul> <li>A. Các trình duyệt sẽ không hiển thị trang web nếu có ID trùng lặp.</li> <li><strong>B. ID phải là duy nhất để CSS và JavaScript có thể xác định chính xác một phần tử.</strong></li> <li>C. Việc này làm tăng kích thước tệp CSS một cách không cần thiết.</li> <li>D. Chỉ có bộ chọn lớp mới được phép sử dụng trùng lặp.</li> </ul> </div> <div class="question-block"> <p>Câu 13: Giả sử bạn có một danh sách các mục (`</p> <li>`) và muốn tô màu nền xám cho tất cả các mục chẵn trong danh sách đó. Bạn nên sử dụng kết hợp loại bộ chọn nào và thuộc tính HTML nào? <ul> <li><strong>A. Bộ chọn lớp với thuộc tính `class`</strong></li> <li>B. Bộ chọn định danh với thuộc tính `id`</li> <li>C. Chỉ cần dùng bộ chọn thẻ `li`</li> <li>D. Bộ chọn con cháu (Descendant selector)</li> </ul> </div> <div class="question-block"> <p>Câu 14: Xét đoạn CSS sau:<br /> ```css<br /> .hop {<br /> margin: 10px;<br /> }<br /> #hop-chinh {<br /> width: 500px;<br /> }<br /> div.hop {<br /> background-color: lightblue;<br /> }<br /> ```<br /> Một thẻ `div` có `class=</p> <ul> <li>A. Không có màu nền</li> <li><strong>B. Xanh nhạt (lightblue)</strong></li> <li>C. Vàng (yellow) - Giả định từ câu hỏi khác, không liên quan ở đây.</li> <li>D. Trắng (white) - Mặc định</li> </ul> </div> <div class="question-block"> <p>Câu 15: Bạn muốn tạo một kiểu CSS áp dụng cho tất cả các thẻ `<span>` có lớp là `chu_dam`. Cú pháp CSS chính xác là gì?</p> <ul> <li><strong>A. span.chu_dam { ... }</strong></li> <li>B. .chu_dam span { ... }</li> <li>C. span #chu_dam { ... }</li> <li>D. span, .chu_dam { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 16: Bạn muốn tạo một kiểu CSS áp dụng cho thẻ `div` có định danh là `thanh_menu`. Cú pháp CSS chính xác là gì?</p> <ul> <li>A. .thanh_menu div { ... }</li> <li>B. div .thanh_menu { ... }</li> <li><strong>C. div#thanh_menu { ... }</strong></li> <li>D. div, #thanh_menu { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 17: Xét đoạn mã HTML: `<button class= <ul> <li>A. .nut</li> <li>B. .nut-lon</li> <li>C. button.nut</li> <li><strong>D. #nut</strong></li> </ul> </div> <div class="question-block"> <p>Câu 18: Bạn muốn định dạng tất cả các thẻ `<img>` có lớp là `hinh_nen` và đồng thời tất cả các thẻ `</p> <div>` có lớp là `khung_anh`. Bạn sẽ sử dụng bộ chọn kết hợp nào?</p> <ul> <li>A. img.hinh_nen div.khung_anh { ... }</li> <li><strong>B. img.hinh_nen, div.khung_anh { ... }</strong></li> <li>C. img .hinh_nen, div .khung_anh { ... }</li> <li>D. img.hinh_nen + div.khung_anh { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 19: Trong CSS, độ ưu tiên (specificity) của bộ chọn định danh (#) so với bộ chọn lớp (.) như thế nào?</p> <ul> <li><strong>A. Bộ chọn định danh có độ ưu tiên cao hơn bộ chọn lớp.</strong></li> <li>B. Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh.</li> <li>C. Hai loại bộ chọn này có độ ưu tiên bằng nhau.</li> <li>D. Độ ưu tiên phụ thuộc vào thứ tự khai báo trong tệp CSS.</li> </ul> </div> <div class="question-block"> <p>Câu 20: Bạn có đoạn mã CSS sau:<br /> ```css<br /> .van_ban {<br /> color: blue;<br /> }<br /> #doan_1 {<br /> color: red;<br /> }<br /> ```<br /> Nếu một thẻ `</p> <p>` có `class=</p> <ul> <li>A. Xanh (blue)</li> <li><strong>B. Đỏ (red)</strong></li> <li>C. Màu mặc định của trình duyệt</li> <li>D. Cả xanh và đỏ (không thể xảy ra)</li> </ul> </div> <div class="question-block"> <p>Câu 21: Khi nào thì nên ưu tiên sử dụng bộ chọn lớp thay vì bộ chọn định danh?</p> <ul> <li>A. Khi định dạng một phần tử rất quan trọng trên trang.</li> <li>B. Khi cần đảm bảo rằng kiểu định dạng không bị ghi đè bởi các quy tắc khác.</li> <li><strong>C. Khi muốn áp dụng cùng một kiểu định dạng cho nhiều phần tử.</strong></li> <li>D. Khi làm việc với JavaScript để thao tác trên phần tử.</li> </ul> </div> <div class="question-block"> <p>Câu 22: Giả sử bạn đang thiết kế một trang web tin tức. Bạn muốn có một khung đặc biệt nổi bật cho "Tin nóng" chỉ xuất hiện một lần trên trang. Bạn nên sử dụng loại bộ chọn nào cho khung này?</p> <ul> <li>A. Bộ chọn lớp</li> <li><strong>B. Bộ chọn định danh</strong></li> <li>C. Bộ chọn thẻ `div`</li> <li>D. Bộ chọn chung</li> </ul> </div> <div class="question-block"> <p>Câu 23: Bạn muốn tạo một kiểu CSS cho tất cả các thẻ `</p> <h2>` có lớp là `phan_phu`. Cú pháp nào sau đây là đúng và hiệu quả nhất?</p> <ul> <li><strong>A. h2.phan_phu { ... }</strong></li> <li>B. .phan_phu h2 { ... }</li> <li>C. h2 #phan_phu { ... }</li> <li>D. h2, .phan_phu { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 24: Xét đoạn mã HTML: `<img src= <ul> <li>A. img { ... }</li> <li>B. .hinh_anh { ... }</li> <li><strong>C. img#logo_chinh { ... }</strong></li> <li>D. #hinh_anh { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 25: Bạn muốn định dạng một nút bấm (`<button>`) có lớp là `nut-xoa` để có màu nền đỏ và chữ trắng. Cú pháp CSS kết hợp bộ chọn thẻ và bộ chọn lớp là gì?</p> <ul> <li><strong>A. button.nut-xoa { background-color: red; color: white; }</strong></li> <li>B. .nut-xoa button { background-color: red; color: white; }</li> <li>C. #nut-xoa { background-color: red; color: white; }</li> <li>D. button, .nut-xoa { background-color: red; color: white; }</li> </ul> </div> <div class="question-block"> <p>Câu 26: Xét đoạn mã HTML:<br /> ```html</p> <div id= <ul> <li><strong>A. Chỉ đoạn văn bản "Đoạn 1".</strong></li> <li>B. Chỉ đoạn văn bản "Đoạn 2".</li> <li>C. Cả hai đoạn văn bản "Đoạn 1" và "Đoạn 2".</li> <li>D. Không có đoạn văn bản nào.</li> </ul> </div> <div class="question-block"> <p>Câu 27: Bạn muốn tạo một kiểu CSS chỉ áp dụng cho các thẻ `<a>` (liên kết) có lớp là `nut` và đồng thời có lớp là `hoat_dong`. Cú pháp CSS nào là chính xác?</p> <ul> <li>A. a.nut, .hoat_dong { ... }</li> <li>B. a .nut .hoat_dong { ... }</li> <li><strong>C. a.nut.hoat_dong { ... }</strong></li> <li>D. a[class=</li> </ul> </div> <div class="question-block"> <p>Câu 28: Giả sử bạn có đoạn CSS:<br /> ```css<br /> .thong_bao {<br /> border: 1px solid blue;<br /> }<br /> #thong_bao_loi {<br /> border-color: red;<br /> }<br /> ```<br /> Và HTML: `</p> <div class= <ul> <li>A. Xanh dương (blue)</li> <li><strong>B. Đỏ (red)</strong></li> <li>C. Đen (black) - Mặc định</li> <li>D. Không có viền</li> </ul> </div> <div class="question-block"> <p>Câu 29: Bạn muốn tạo một kiểu CSS áp dụng cho tất cả các phần tử có lớp `canh_le` TRỪ các phần tử là thẻ `div`. Bạn có thể sử dụng kết hợp bộ chọn nào?</p> <ul> <li><strong>A. .canh_le</strong></li> <li>B. div .canh_le</li> <li>C. #canh_le</li> <li>D. div#canh_le</li> </ul> </div> <div class="question-block"> <p>Câu 30: Việc sử dụng quá nhiều bộ chọn định danh (`#`) trong CSS có thể dẫn đến vấn đề gì về khả năng bảo trì và tái sử dụng mã?</p> <ul> <li>A. Trang web sẽ tải chậm hơn.</li> <li>B. Các trình duyệt cũ không hỗ trợ bộ chọn ID.</li> <li>C. Các phần tử được định dạng bằng ID không thể áp dụng thêm bộ chọn lớp.</li> <li><strong>D. Làm tăng độ ưu tiên của CSS, gây khó khăn khi ghi đè hoặc tái sử dụng kiểu dáng.</strong></li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='29588'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-10-bo-chon-lop-bo-chon-dinh-danh-canh-dieu/'/> <input type='hidden' name='ays_quiz_questions' value='883060,883061,883062,883063,883064,883065,883066,883067,883068,883069,883070,883071,883072,883073,883074,883075,883076,883077,883078,883079,883080,883081,883082,883083,883084,883085,883086,883087,883088,883089'> </div> </div><div class='step ' data-question-id='883060' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Trong CSS, bạn sử dụng ký hiệu nào để khai báo một bộ chọn lớp (class selector)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883060]' id='ays-answer-3554989-29588' value='3554989'/> <label for='ays-answer-3554989-29588' class=' ays_position_initial ays-quiz-keyboard-label'>.</label><label for='ays-answer-3554989-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883060]' id='ays-answer-3554990-29588' value='3554990'/> <label for='ays-answer-3554990-29588' class=' ays_position_initial ays-quiz-keyboard-label'>#</label><label for='ays-answer-3554990-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883060]' id='ays-answer-3554991-29588' value='3554991'/> <label for='ays-answer-3554991-29588' class=' ays_position_initial ays-quiz-keyboard-label'>*</label><label for='ays-answer-3554991-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883060]' id='ays-answer-3554992-29588' value='3554992'/> <label for='ays-answer-3554992-29588' class=' ays_position_initial ays-quiz-keyboard-label'>:</label><label for='ays-answer-3554992-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883060'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NDk4OSI6IjEiLCIzNTU0OTkwIjoiMCIsIjM1NTQ5OTEiOiIwIiwiMzU1NDk5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp trong CSS được khai báo bằng cách sử dụng dấu chấm (.) trước tên lớp. Ví dụ: `.ten-lop { ... }`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883061' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Ký hiệu nào được sử dụng để khai báo một bộ chọn định danh (ID selector) trong CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883061]' id='ays-answer-3554993-29588' value='3554993'/> <label for='ays-answer-3554993-29588' class=' ays_position_initial ays-quiz-keyboard-label'>.</label><label for='ays-answer-3554993-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883061]' id='ays-answer-3554994-29588' value='3554994'/> <label for='ays-answer-3554994-29588' class=' ays_position_initial ays-quiz-keyboard-label'>#</label><label for='ays-answer-3554994-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883061]' id='ays-answer-3554995-29588' value='3554995'/> <label for='ays-answer-3554995-29588' class=' ays_position_initial ays-quiz-keyboard-label'>&</label><label for='ays-answer-3554995-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883061]' id='ays-answer-3554996-29588' value='3554996'/> <label for='ays-answer-3554996-29588' class=' ays_position_initial ays-quiz-keyboard-label'>$</label><label for='ays-answer-3554996-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883061'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NDk5MyI6IjAiLCIzNTU0OTk0IjoiMSIsIjM1NTQ5OTUiOiIwIiwiMzU1NDk5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn định danh trong CSS được khai báo bằng cách sử dụng dấu thăng (#) trước tên định danh. Ví dụ: `#ten-id { ... }`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883062' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Cho đoạn mã HTML sau: `</p> <p class="noi_bat">Đoạn văn bản quan trọng</p> <p>`. Để định dạng cho đoạn văn bản này bằng CSS, bạn sẽ sử dụng bộ chọn nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883062]' id='ays-answer-3554997-29588' value='3554997'/> <label for='ays-answer-3554997-29588' class=' ays_position_initial ays-quiz-keyboard-label'>#noi_bat</label><label for='ays-answer-3554997-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883062]' id='ays-answer-3554998-29588' value='3554998'/> <label for='ays-answer-3554998-29588' class=' ays_position_initial ays-quiz-keyboard-label'>p</label><label for='ays-answer-3554998-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883062]' id='ays-answer-3554999-29588' value='3554999'/> <label for='ays-answer-3554999-29588' class=' ays_position_initial ays-quiz-keyboard-label'>.noi_bat</label><label for='ays-answer-3554999-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883062]' id='ays-answer-3555000-29588' value='3555000'/> <label for='ays-answer-3555000-29588' class=' ays_position_initial ays-quiz-keyboard-label'>class="noi_bat"</label><label for='ays-answer-3555000-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883062'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NDk5NyI6IjAiLCIzNTU0OTk4IjoiMCIsIjM1NTQ5OTkiOiIxIiwiMzU1NTAwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Trong HTML, thuộc tính `class` được sử dụng để gán lớp cho phần tử. Để chọn phần tử theo lớp 'noi_bat' trong CSS, ta dùng bộ chọn lớp `.noi_bat`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883063' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Cho đoạn mã HTML sau: `</p> <div id="phan_dau">Tiêu đề trang</div> <p>`. Để định dạng cho phần tử này bằng CSS, bạn sẽ sử dụng bộ chọn nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883063]' id='ays-answer-3555001-29588' value='3555001'/> <label for='ays-answer-3555001-29588' class=' ays_position_initial ays-quiz-keyboard-label'>#phan_dau</label><label for='ays-answer-3555001-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883063]' id='ays-answer-3555002-29588' value='3555002'/> <label for='ays-answer-3555002-29588' class=' ays_position_initial ays-quiz-keyboard-label'>.phan_dau</label><label for='ays-answer-3555002-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883063]' id='ays-answer-3555003-29588' value='3555003'/> <label for='ays-answer-3555003-29588' class=' ays_position_initial ays-quiz-keyboard-label'>div</label><label for='ays-answer-3555003-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883063]' id='ays-answer-3555004-29588' value='3555004'/> <label for='ays-answer-3555004-29588' class=' ays_position_initial ays-quiz-keyboard-label'>id="phan_dau"</label><label for='ays-answer-3555004-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883063'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTAwMSI6IjEiLCIzNTU1MDAyIjoiMCIsIjM1NTUwMDMiOiIwIiwiMzU1NTAwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Trong HTML, thuộc tính `id` được sử dụng để gán định danh duy nhất cho phần tử. Để chọn phần tử theo định danh 'phan_dau' trong CSS, ta dùng bộ chọn định danh `#phan_dau`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883064' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Sự khác biệt cơ bản giữa bộ chọn lớp và bộ chọn định danh trong CSS là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883064]' id='ays-answer-3555005-29588' value='3555005'/> <label for='ays-answer-3555005-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp chỉ áp dụng cho thẻ `<div>`, còn bộ chọn định danh áp dụng cho mọi thẻ.</label><label for='ays-answer-3555005-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883064]' id='ays-answer-3555006-29588' value='3555006'/> <label for='ays-answer-3555006-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh ưu tiên hơn bộ chọn lớp khi cùng tác động lên một phần tử.</label><label for='ays-answer-3555006-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883064]' id='ays-answer-3555007-29588' value='3555007'/> <label for='ays-answer-3555007-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp dùng để định dạng văn bản, bộ chọn định danh dùng để định dạng bố cục.</label><label for='ays-answer-3555007-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883064]' id='ays-answer-3555008-29588' value='3555008'/> <label for='ays-answer-3555008-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp có thể dùng lại cho nhiều phần tử, bộ chọn định danh chỉ dùng cho một phần tử duy nhất.</label><label for='ays-answer-3555008-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883064'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTAwNSI6IjAiLCIzNTU1MDA2IjoiMCIsIjM1NTUwMDciOiIwIiwiMzU1NTAwOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp (`.`) có thể áp dụng cho nhiều phần tử HTML, trong khi bộ chọn định danh (`#`) chỉ nên áp dụng cho một phần tử duy nhất trên cùng một trang HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883065' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Một trang web có nhiều đoạn văn bản cần hiển thị màu xanh. Bạn nên sử dụng loại bộ chọn nào để định dạng chung cho tất cả các đoạn văn bản đó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883065]' id='ays-answer-3555009-29588' value='3555009'/> <label for='ays-answer-3555009-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class selector)</label><label for='ays-answer-3555009-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883065]' id='ays-answer-3555010-29588' value='3555010'/> <label for='ays-answer-3555010-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID selector)</label><label for='ays-answer-3555010-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883065]' id='ays-answer-3555011-29588' value='3555011'/> <label for='ays-answer-3555011-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn thẻ (Element selector)</label><label for='ays-answer-3555011-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883065]' id='ays-answer-3555012-29588' value='3555012'/> <label for='ays-answer-3555012-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn chung (Universal selector)</label><label for='ays-answer-3555012-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883065'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTAwOSI6IjEiLCIzNTU1MDEwIjoiMCIsIjM1NTUwMTEiOiIwIiwiMzU1NTAxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Khi cần áp dụng cùng một kiểu định dạng cho nhiều phần tử, bộ chọn lớp là lựa chọn phù hợp nhất vì nó có thể được gán cho bất kỳ số lượng phần tử nào.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883066' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Bạn muốn định dạng một phần tử cụ thể, duy nhất trên trang web (ví dụ: phần tiêu đề chính của trang) với các kiểu dáng riêng biệt. Loại bộ chọn nào phù hợp nhất trong trường hợp này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883066]' id='ays-answer-3555013-29588' value='3555013'/> <label for='ays-answer-3555013-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class selector)</label><label for='ays-answer-3555013-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883066]' id='ays-answer-3555014-29588' value='3555014'/> <label for='ays-answer-3555014-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID selector)</label><label for='ays-answer-3555014-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883066]' id='ays-answer-3555015-29588' value='3555015'/> <label for='ays-answer-3555015-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn nhóm (Group selector)</label><label for='ays-answer-3555015-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883066]' id='ays-answer-3555016-29588' value='3555016'/> <label for='ays-answer-3555016-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn thuộc tính (Attribute selector)</label><label for='ays-answer-3555016-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883066'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTAxMyI6IjAiLCIzNTU1MDE0IjoiMSIsIjM1NTUwMTUiOiIwIiwiMzU1NTAxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn định danh được thiết kế để nhắm mục tiêu vào một phần tử duy nhất trên trang web bằng cách sử dụng thuộc tính `id`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883067' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Cho đoạn mã CSS sau: `.chu_do { color: red; }`. Để áp dụng kiểu chữ màu đỏ cho một đoạn văn bản trong HTML, bạn sẽ viết thẻ `p` như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883067]' id='ays-answer-3555017-29588' value='3555017'/> <label for='ays-answer-3555017-29588' class=' ays_position_initial ays-quiz-keyboard-label'><p id="chu_do">...</p></label><label for='ays-answer-3555017-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883067]' id='ays-answer-3555018-29588' value='3555018'/> <label for='ays-answer-3555018-29588' class=' ays_position_initial ays-quiz-keyboard-label'><p .chu_do>...</p></label><label for='ays-answer-3555018-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883067]' id='ays-answer-3555019-29588' value='3555019'/> <label for='ays-answer-3555019-29588' class=' ays_position_initial ays-quiz-keyboard-label'><p class="chu_do">...</p></label><label for='ays-answer-3555019-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883067]' id='ays-answer-3555020-29588' value='3555020'/> <label for='ays-answer-3555020-29588' class=' ays_position_initial ays-quiz-keyboard-label'><p #chu_do>...</p></label><label for='ays-answer-3555020-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883067'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTAxNyI6IjAiLCIzNTU1MDE4IjoiMCIsIjM1NTUwMTkiOiIxIiwiMzU1NTAyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng một bộ chọn lớp, ta sử dụng thuộc tính `class` trong thẻ HTML và gán tên lớp (không có dấu chấm) làm giá trị. Cú pháp đúng là `</p> <p class="chu_do">...</p> <p>`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883068' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Cho đoạn mã CSS sau: `#tieu_de { font-size: 24px; }`. Để áp dụng kiểu cỡ chữ 24px cho một thẻ `</p> <h1>` duy nhất trong HTML, bạn sẽ viết thẻ `h1` như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883068]' id='ays-answer-3555021-29588' value='3555021'/> <label for='ays-answer-3555021-29588' class=' ays_position_initial ays-quiz-keyboard-label'><h1 class="tieu_de">...</h1></label><label for='ays-answer-3555021-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883068]' id='ays-answer-3555022-29588' value='3555022'/> <label for='ays-answer-3555022-29588' class=' ays_position_initial ays-quiz-keyboard-label'><h1 id="tieu_de">...</h1></label><label for='ays-answer-3555022-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883068]' id='ays-answer-3555023-29588' value='3555023'/> <label for='ays-answer-3555023-29588' class=' ays_position_initial ays-quiz-keyboard-label'><h1 #tieu_de>...</h1></label><label for='ays-answer-3555023-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883068]' id='ays-answer-3555024-29588' value='3555024'/> <label for='ays-answer-3555024-29588' class=' ays_position_initial ays-quiz-keyboard-label'><h1 .tieu_de>...</h1></label><label for='ays-answer-3555024-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883068'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTAyMSI6IjAiLCIzNTU1MDIyIjoiMSIsIjM1NTUwMjMiOiIwIiwiMzU1NTAyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng một bộ chọn định danh, ta sử dụng thuộc tính `id` trong thẻ HTML và gán tên định danh (không có dấu thăng) làm giá trị. Cú pháp đúng là `</p> <h1 id="tieu_de">...</h1> <p>`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883069' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Bạn có hai bộ chọn lớp: `.can_giua { text-align: center; }` và `.chu_dam { font-weight: bold; }`. Làm thế nào để áp dụng cả hai kiểu định dạng này cho cùng một đoạn văn bản `</p> <p>`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883069]' id='ays-answer-3555025-29588' value='3555025'/> <label for='ays-answer-3555025-29588' class=' ays_position_initial ays-quiz-keyboard-label'><p class="can_giua.chu_dam">...</p></label><label for='ays-answer-3555025-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883069]' id='ays-answer-3555026-29588' value='3555026'/> <label for='ays-answer-3555026-29588' class=' ays_position_initial ays-quiz-keyboard-label'><p class="can_giua,chu_dam">...</p></label><label for='ays-answer-3555026-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883069]' id='ays-answer-3555027-29588' value='3555027'/> <label for='ays-answer-3555027-29588' class=' ays_position_initial ays-quiz-keyboard-label'><p class="can_giua-chu_dam">...</p></label><label for='ays-answer-3555027-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883069]' id='ays-answer-3555028-29588' value='3555028'/> <label for='ays-answer-3555028-29588' class=' ays_position_initial ays-quiz-keyboard-label'><p class="can_giua chu_dam">...</p></label><label for='ays-answer-3555028-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883069'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTAyNSI6IjAiLCIzNTU1MDI2IjoiMCIsIjM1NTUwMjciOiIwIiwiMzU1NTAyOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng nhiều bộ chọn lớp cho một phần tử, ta liệt kê các tên lớp trong thuộc tính `class`, cách nhau bởi dấu cách.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883070' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Xét đoạn CSS sau:<br /> ```css<br /> .hop-noi-dung {<br /> border: 1px solid black;<br /> padding: 10px;<br /> }<br /> #hop-dac-biet {<br /> background-color: yellow;<br /> }<br /> ```<br /> Nếu một thẻ `div` có cả `class="hop-noi-dung"` và `id="hop-dac-biet"`, nó sẽ có những kiểu định dạng nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883070]' id='ays-answer-3555029-29588' value='3555029'/> <label for='ays-answer-3555029-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Viền đen 1px, đệm 10px, và nền vàng.</label><label for='ays-answer-3555029-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883070]' id='ays-answer-3555030-29588' value='3555030'/> <label for='ays-answer-3555030-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có viền đen 1px và đệm 10px.</label><label for='ays-answer-3555030-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883070]' id='ays-answer-3555031-29588' value='3555031'/> <label for='ays-answer-3555031-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có nền vàng.</label><label for='ays-answer-3555031-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883070]' id='ays-answer-3555032-29588' value='3555032'/> <label for='ays-answer-3555032-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Không có kiểu nào được áp dụng do xung đột.</label><label for='ays-answer-3555032-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883070'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTAyOSI6IjEiLCIzNTU1MDMwIjoiMCIsIjM1NTUwMzEiOiIwIiwiMzU1NTAzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Cả bộ chọn lớp và bộ chọn định danh đều được áp dụng cho phần tử. Bộ chọn lớp `.hop-noi-dung` thêm viền và đệm (padding). Bộ chọn định danh `#hop-dac-biet` thêm màu nền vàng. Do đó, phần tử sẽ có cả ba kiểu định dạng này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883071' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Tại sao việc sử dụng cùng một giá trị cho thuộc tính `id` trên nhiều phần tử HTML trong cùng một trang lại được coi là không đúng chuẩn và có thể gây ra lỗi?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883071]' id='ays-answer-3555033-29588' value='3555033'/> <label for='ays-answer-3555033-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Các trình duyệt sẽ không hiển thị trang web nếu có ID trùng lặp.</label><label for='ays-answer-3555033-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883071]' id='ays-answer-3555034-29588' value='3555034'/> <label for='ays-answer-3555034-29588' class=' ays_position_initial ays-quiz-keyboard-label'>ID phải là duy nhất để CSS và JavaScript có thể xác định chính xác một phần tử.</label><label for='ays-answer-3555034-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883071]' id='ays-answer-3555035-29588' value='3555035'/> <label for='ays-answer-3555035-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Việc này làm tăng kích thước tệp CSS một cách không cần thiết.</label><label for='ays-answer-3555035-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883071]' id='ays-answer-3555036-29588' value='3555036'/> <label for='ays-answer-3555036-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có bộ chọn lớp mới được phép sử dụng trùng lặp.</label><label for='ays-answer-3555036-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883071'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTAzMyI6IjAiLCIzNTU1MDM0IjoiMSIsIjM1NTUwMzUiOiIwIiwiMzU1NTAzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `id` được thiết kế để là định danh duy nhất của một phần tử trên toàn bộ tài liệu HTML. Việc sử dụng trùng lặp giá trị `id` vi phạm quy tắc này, gây khó khăn cho việc xác định chính xác phần tử cần thao tác bằng CSS hoặc JavaScript.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883072' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Giả sử bạn có một danh sách các mục (`</p> <li>`) và muốn tô màu nền xám cho tất cả các mục chẵn trong danh sách đó. Bạn nên sử dụng kết hợp loại bộ chọn nào và thuộc tính HTML nào?<br /> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883072]' id='ays-answer-3555037-29588' value='3555037'/> <label for='ays-answer-3555037-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp với thuộc tính `class`</label><label for='ays-answer-3555037-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883072]' id='ays-answer-3555038-29588' value='3555038'/> <label for='ays-answer-3555038-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh với thuộc tính `id`</label><label for='ays-answer-3555038-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883072]' id='ays-answer-3555039-29588' value='3555039'/> <label for='ays-answer-3555039-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần dùng bộ chọn thẻ `li`</label><label for='ays-answer-3555039-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883072]' id='ays-answer-3555040-29588' value='3555040'/> <label for='ays-answer-3555040-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn con cháu (Descendant selector)</label><label for='ays-answer-3555040-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883072'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTAzNyI6IjEiLCIzNTU1MDM4IjoiMCIsIjM1NTUwMzkiOiIwIiwiMzU1NTA0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng cùng một kiểu cho nhiều phần tử (các mục chẵn), ta dùng bộ chọn lớp. Ta sẽ gán cùng một tên lớp cho tất cả các thẻ `</p> <li>` ở vị trí chẵn.<br /> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883073' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Xét đoạn CSS sau:<br /> ```css<br /> .hop {<br /> margin: 10px;<br /> }<br /> #hop-chinh {<br /> width: 500px;<br /> }<br /> div.hop {<br /> background-color: lightblue;<br /> }<br /> ```<br /> Một thẻ `div` có `class="hop"` và `id="hop-chinh"` sẽ có màu nền là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883073]' id='ays-answer-3555041-29588' value='3555041'/> <label for='ays-answer-3555041-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Không có màu nền</label><label for='ays-answer-3555041-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883073]' id='ays-answer-3555042-29588' value='3555042'/> <label for='ays-answer-3555042-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Xanh nhạt (lightblue)</label><label for='ays-answer-3555042-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883073]' id='ays-answer-3555043-29588' value='3555043'/> <label for='ays-answer-3555043-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Vàng (yellow) - Giả định từ câu hỏi khác, không liên quan ở đây.</label><label for='ays-answer-3555043-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883073]' id='ays-answer-3555044-29588' value='3555044'/> <label for='ays-answer-3555044-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Trắng (white) - Mặc định</label><label for='ays-answer-3555044-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883073'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA0MSI6IjAiLCIzNTU1MDQyIjoiMSIsIjM1NTUwNDMiOiIwIiwiMzU1NTA0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Quy tắc `div.hop` (chọn các thẻ `div` có lớp `hop`) có độ ưu tiên cao hơn so với chỉ `.hop`. Do đó, màu nền `lightblue` sẽ được áp dụng thay vì không có màu nền nào từ `.hop` hoặc `#hop-chinh` (không định nghĩa màu nền).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883074' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Bạn muốn tạo một kiểu CSS áp dụng cho tất cả các thẻ `<span>` có lớp là `chu_dam`. Cú pháp CSS chính xác là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883074]' id='ays-answer-3555045-29588' value='3555045'/> <label for='ays-answer-3555045-29588' class=' ays_position_initial ays-quiz-keyboard-label'>span.chu_dam { ... }</label><label for='ays-answer-3555045-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883074]' id='ays-answer-3555046-29588' value='3555046'/> <label for='ays-answer-3555046-29588' class=' ays_position_initial ays-quiz-keyboard-label'>.chu_dam span { ... }</label><label for='ays-answer-3555046-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883074]' id='ays-answer-3555047-29588' value='3555047'/> <label for='ays-answer-3555047-29588' class=' ays_position_initial ays-quiz-keyboard-label'>span #chu_dam { ... }</label><label for='ays-answer-3555047-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883074]' id='ays-answer-3555048-29588' value='3555048'/> <label for='ays-answer-3555048-29588' class=' ays_position_initial ays-quiz-keyboard-label'>span, .chu_dam { ... }</label><label for='ays-answer-3555048-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883074'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA0NSI6IjEiLCIzNTU1MDQ2IjoiMCIsIjM1NTUwNDciOiIwIiwiMzU1NTA0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn một phần tử cụ thể (thẻ `<span>`) chỉ khi nó có một lớp nhất định (`chu_dam`), ta kết hợp tên thẻ và tên lớp (có dấu chấm) liền nhau.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883075' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Bạn muốn tạo một kiểu CSS áp dụng cho thẻ `div` có định danh là `thanh_menu`. Cú pháp CSS chính xác là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883075]' id='ays-answer-3555049-29588' value='3555049'/> <label for='ays-answer-3555049-29588' class=' ays_position_initial ays-quiz-keyboard-label'>.thanh_menu div { ... }</label><label for='ays-answer-3555049-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883075]' id='ays-answer-3555050-29588' value='3555050'/> <label for='ays-answer-3555050-29588' class=' ays_position_initial ays-quiz-keyboard-label'>div .thanh_menu { ... }</label><label for='ays-answer-3555050-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883075]' id='ays-answer-3555051-29588' value='3555051'/> <label for='ays-answer-3555051-29588' class=' ays_position_initial ays-quiz-keyboard-label'>div#thanh_menu { ... }</label><label for='ays-answer-3555051-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883075]' id='ays-answer-3555052-29588' value='3555052'/> <label for='ays-answer-3555052-29588' class=' ays_position_initial ays-quiz-keyboard-label'>div, #thanh_menu { ... }</label><label for='ays-answer-3555052-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883075'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA0OSI6IjAiLCIzNTU1MDUwIjoiMCIsIjM1NTUwNTEiOiIxIiwiMzU1NTA1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn một phần tử cụ thể (thẻ `div`) chỉ khi nó có một định danh nhất định (`thanh_menu`), ta kết hợp tên thẻ và tên định danh (có dấu thăng) liền nhau.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883076' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Xét đoạn mã HTML: `<button class="nut nut-lon">Nhấn vào đây</button>`. Bộ chọn CSS nào sau đây *không* áp dụng được cho thẻ `button` này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883076]' id='ays-answer-3555053-29588' value='3555053'/> <label for='ays-answer-3555053-29588' class=' ays_position_initial ays-quiz-keyboard-label'>.nut</label><label for='ays-answer-3555053-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883076]' id='ays-answer-3555054-29588' value='3555054'/> <label for='ays-answer-3555054-29588' class=' ays_position_initial ays-quiz-keyboard-label'>.nut-lon</label><label for='ays-answer-3555054-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883076]' id='ays-answer-3555055-29588' value='3555055'/> <label for='ays-answer-3555055-29588' class=' ays_position_initial ays-quiz-keyboard-label'>button.nut</label><label for='ays-answer-3555055-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883076]' id='ays-answer-3555056-29588' value='3555056'/> <label for='ays-answer-3555056-29588' class=' ays_position_initial ays-quiz-keyboard-label'>#nut</label><label for='ays-answer-3555056-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883076'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA1MyI6IjAiLCIzNTU1MDU0IjoiMCIsIjM1NTUwNTUiOiIwIiwiMzU1NTA1NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thẻ button này có hai lớp là `nut` và `nut-lon`. Bộ chọn `.nut` và `.nut-lon` sẽ áp dụng. Bộ chọn `button.nut` cũng áp dụng. Bộ chọn `#nut` sẽ không áp dụng vì thẻ này không có thuộc tính `id` với giá trị là `nut`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883077' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Bạn muốn định dạng tất cả các thẻ `<img>` có lớp là `hinh_nen` và đồng thời tất cả các thẻ `</p> <div>` có lớp là `khung_anh`. Bạn sẽ sử dụng bộ chọn kết hợp nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883077]' id='ays-answer-3555057-29588' value='3555057'/> <label for='ays-answer-3555057-29588' class=' ays_position_initial ays-quiz-keyboard-label'>img.hinh_nen div.khung_anh { ... }</label><label for='ays-answer-3555057-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883077]' id='ays-answer-3555058-29588' value='3555058'/> <label for='ays-answer-3555058-29588' class=' ays_position_initial ays-quiz-keyboard-label'>img.hinh_nen, div.khung_anh { ... }</label><label for='ays-answer-3555058-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883077]' id='ays-answer-3555059-29588' value='3555059'/> <label for='ays-answer-3555059-29588' class=' ays_position_initial ays-quiz-keyboard-label'>img .hinh_nen, div .khung_anh { ... }</label><label for='ays-answer-3555059-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883077]' id='ays-answer-3555060-29588' value='3555060'/> <label for='ays-answer-3555060-29588' class=' ays_position_initial ays-quiz-keyboard-label'>img.hinh_nen + div.khung_anh { ... }</label><label for='ays-answer-3555060-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883077'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA1NyI6IjAiLCIzNTU1MDU4IjoiMSIsIjM1NTUwNTkiOiIwIiwiMzU1NTA2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để nhóm nhiều bộ chọn và áp dụng cùng một quy tắc CSS cho chúng, ta sử dụng dấu phẩy (`,`) để phân tách các bộ chọn. Cú pháp đúng là `img.hinh_nen, div.khung_anh { ... }`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883078' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Trong CSS, độ ưu tiên (specificity) của bộ chọn định danh (#) so với bộ chọn lớp (.) như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883078]' id='ays-answer-3555061-29588' value='3555061'/> <label for='ays-answer-3555061-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh có độ ưu tiên cao hơn bộ chọn lớp.</label><label for='ays-answer-3555061-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883078]' id='ays-answer-3555062-29588' value='3555062'/> <label for='ays-answer-3555062-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh.</label><label for='ays-answer-3555062-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883078]' id='ays-answer-3555063-29588' value='3555063'/> <label for='ays-answer-3555063-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Hai loại bộ chọn này có độ ưu tiên bằng nhau.</label><label for='ays-answer-3555063-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883078]' id='ays-answer-3555064-29588' value='3555064'/> <label for='ays-answer-3555064-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Độ ưu tiên phụ thuộc vào thứ tự khai báo trong tệp CSS.</label><label for='ays-answer-3555064-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883078'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA2MSI6IjEiLCIzNTU1MDYyIjoiMCIsIjM1NTUwNjMiOiIwIiwiMzU1NTA2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn định danh có độ ưu tiên cao hơn bộ chọn lớp. Điều này có nghĩa là nếu một phần tử được định dạng bởi cả quy tắc dùng bộ chọn ID và quy tắc dùng bộ chọn lớp cho cùng một thuộc tính, quy tắc dùng bộ chọn ID sẽ được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883079' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Bạn có đoạn mã CSS sau:<br /> ```css<br /> .van_ban {<br /> color: blue;<br /> }<br /> #doan_1 {<br /> color: red;<br /> }<br /> ```<br /> Nếu một thẻ `</p> <p>` có `class="van_ban"` và `id="doan_1"`, màu chữ của đoạn văn bản này sẽ là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883079]' id='ays-answer-3555065-29588' value='3555065'/> <label for='ays-answer-3555065-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Xanh (blue)</label><label for='ays-answer-3555065-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883079]' id='ays-answer-3555066-29588' value='3555066'/> <label for='ays-answer-3555066-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Đỏ (red)</label><label for='ays-answer-3555066-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883079]' id='ays-answer-3555067-29588' value='3555067'/> <label for='ays-answer-3555067-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Màu mặc định của trình duyệt</label><label for='ays-answer-3555067-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883079]' id='ays-answer-3555068-29588' value='3555068'/> <label for='ays-answer-3555068-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Cả xanh và đỏ (không thể xảy ra)</label><label for='ays-answer-3555068-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883079'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA2NSI6IjAiLCIzNTU1MDY2IjoiMSIsIjM1NTUwNjciOiIwIiwiMzU1NTA2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn định danh `#doan_1` có độ ưu tiên cao hơn bộ chọn lớp `.van_ban`. Do đó, quy tắc `color: red;` từ `#doan_1` sẽ ghi đè quy tắc `color: blue;` từ `.van_ban`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883080' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Khi nào thì nên ưu tiên sử dụng bộ chọn lớp thay vì bộ chọn định danh?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883080]' id='ays-answer-3555069-29588' value='3555069'/> <label for='ays-answer-3555069-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Khi định dạng một phần tử rất quan trọng trên trang.</label><label for='ays-answer-3555069-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883080]' id='ays-answer-3555070-29588' value='3555070'/> <label for='ays-answer-3555070-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Khi cần đảm bảo rằng kiểu định dạng không bị ghi đè bởi các quy tắc khác.</label><label for='ays-answer-3555070-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883080]' id='ays-answer-3555071-29588' value='3555071'/> <label for='ays-answer-3555071-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Khi muốn áp dụng cùng một kiểu định dạng cho nhiều phần tử.</label><label for='ays-answer-3555071-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883080]' id='ays-answer-3555072-29588' value='3555072'/> <label for='ays-answer-3555072-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Khi làm việc với JavaScript để thao tác trên phần tử.</label><label for='ays-answer-3555072-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883080'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA2OSI6IjAiLCIzNTU1MDcwIjoiMCIsIjM1NTUwNzEiOiIxIiwiMzU1NTA3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Nên sử dụng bộ chọn lớp khi bạn muốn áp dụng cùng một tập hợp các quy tắc định dạng cho nhiều phần tử khác nhau trên trang, hoặc khi bạn cần kết hợp nhiều kiểu định dạng trên cùng một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883081' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Giả sử bạn đang thiết kế một trang web tin tức. Bạn muốn có một khung đặc biệt nổi bật cho 'Tin nóng' chỉ xuất hiện một lần trên trang. Bạn nên sử dụng loại bộ chọn nào cho khung này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883081]' id='ays-answer-3555073-29588' value='3555073'/> <label for='ays-answer-3555073-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp</label><label for='ays-answer-3555073-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883081]' id='ays-answer-3555074-29588' value='3555074'/> <label for='ays-answer-3555074-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh</label><label for='ays-answer-3555074-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883081]' id='ays-answer-3555075-29588' value='3555075'/> <label for='ays-answer-3555075-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn thẻ `div`</label><label for='ays-answer-3555075-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883081]' id='ays-answer-3555076-29588' value='3555076'/> <label for='ays-answer-3555076-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn chung</label><label for='ays-answer-3555076-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883081'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA3MyI6IjAiLCIzNTU1MDc0IjoiMSIsIjM1NTUwNzUiOiIwIiwiMzU1NTA3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Vì khung 'Tin nóng' là duy nhất trên trang, bộ chọn định danh (#) là lựa chọn phù hợp nhất để nhắm mục tiêu chính xác và đảm bảo tính duy nhất của nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883082' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Bạn muốn tạo một kiểu CSS cho tất cả các thẻ `</p> <h2>` có lớp là `phan_phu`. Cú pháp nào sau đây là đúng và hiệu quả nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883082]' id='ays-answer-3555077-29588' value='3555077'/> <label for='ays-answer-3555077-29588' class=' ays_position_initial ays-quiz-keyboard-label'>h2.phan_phu { ... }</label><label for='ays-answer-3555077-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883082]' id='ays-answer-3555078-29588' value='3555078'/> <label for='ays-answer-3555078-29588' class=' ays_position_initial ays-quiz-keyboard-label'>.phan_phu h2 { ... }</label><label for='ays-answer-3555078-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883082]' id='ays-answer-3555079-29588' value='3555079'/> <label for='ays-answer-3555079-29588' class=' ays_position_initial ays-quiz-keyboard-label'>h2 #phan_phu { ... }</label><label for='ays-answer-3555079-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883082]' id='ays-answer-3555080-29588' value='3555080'/> <label for='ays-answer-3555080-29588' class=' ays_position_initial ays-quiz-keyboard-label'>h2, .phan_phu { ... }</label><label for='ays-answer-3555080-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883082'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA3NyI6IjEiLCIzNTU1MDc4IjoiMCIsIjM1NTUwNzkiOiIwIiwiMzU1NTA4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn các thẻ `</p> <h2>` có lớp `phan_phu`, ta kết hợp tên thẻ và tên lớp: `h2.phan_phu`. Các lựa chọn khác không đúng cú pháp kết hợp hoặc không đặc thù chỉ cho thẻ `h2`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883083' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Xét đoạn mã HTML: `<img decoding="async" src="logo.png" id="logo_chinh" class="hinh_anh">`. Bộ chọn CSS nào sau đây sẽ nhắm mục tiêu chính xác vào thẻ `<img>` này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883083]' id='ays-answer-3555081-29588' value='3555081'/> <label for='ays-answer-3555081-29588' class=' ays_position_initial ays-quiz-keyboard-label'>img { ... }</label><label for='ays-answer-3555081-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883083]' id='ays-answer-3555082-29588' value='3555082'/> <label for='ays-answer-3555082-29588' class=' ays_position_initial ays-quiz-keyboard-label'>.hinh_anh { ... }</label><label for='ays-answer-3555082-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883083]' id='ays-answer-3555083-29588' value='3555083'/> <label for='ays-answer-3555083-29588' class=' ays_position_initial ays-quiz-keyboard-label'>img#logo_chinh { ... }</label><label for='ays-answer-3555083-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883083]' id='ays-answer-3555084-29588' value='3555084'/> <label for='ays-answer-3555084-29588' class=' ays_position_initial ays-quiz-keyboard-label'>#hinh_anh { ... }</label><label for='ays-answer-3555084-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883083'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA4MSI6IjAiLCIzNTU1MDgyIjoiMCIsIjM1NTUwODMiOiIxIiwiMzU1NTA4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thẻ `img` này có cả `id="logo_chinh"` và `class="hinh_anh"`. Bộ chọn `img#logo_chinh` nhắm mục tiêu vào thẻ `img` có ID là `logo_chinh`, đây là cách chính xác và có độ ưu tiên cao. Các lựa chọn khác hoặc không nhắm mục tiêu chính xác (chỉ thẻ `img`, chỉ lớp `.hinh_anh`) hoặc sai cú pháp (#hinh_anh không đúng ID).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883084' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn muốn định dạng một nút bấm (`<button>`) có lớp là `nut-xoa` để có màu nền đỏ và chữ trắng. Cú pháp CSS kết hợp bộ chọn thẻ và bộ chọn lớp là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883084]' id='ays-answer-3555085-29588' value='3555085'/> <label for='ays-answer-3555085-29588' class=' ays_position_initial ays-quiz-keyboard-label'>button.nut-xoa { background-color: red; color: white; }</label><label for='ays-answer-3555085-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883084]' id='ays-answer-3555086-29588' value='3555086'/> <label for='ays-answer-3555086-29588' class=' ays_position_initial ays-quiz-keyboard-label'>.nut-xoa button { background-color: red; color: white; }</label><label for='ays-answer-3555086-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883084]' id='ays-answer-3555087-29588' value='3555087'/> <label for='ays-answer-3555087-29588' class=' ays_position_initial ays-quiz-keyboard-label'>#nut-xoa { background-color: red; color: white; }</label><label for='ays-answer-3555087-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883084]' id='ays-answer-3555088-29588' value='3555088'/> <label for='ays-answer-3555088-29588' class=' ays_position_initial ays-quiz-keyboard-label'>button, .nut-xoa { background-color: red; color: white; }</label><label for='ays-answer-3555088-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883084'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA4NSI6IjEiLCIzNTU1MDg2IjoiMCIsIjM1NTUwODciOiIwIiwiMzU1NTA4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để nhắm mục tiêu vào thẻ `button` cụ thể có lớp `nut-xoa`, ta kết hợp tên thẻ và tên lớp liền nhau: `button.nut-xoa { ... }`. Sau đó, định nghĩa các thuộc tính `background-color` và `color`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883085' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Xét đoạn mã HTML:<br /> ```html</p> <div id="khung_chinh"> <p class="noi_dung">Đoạn 1</p> <p>Đoạn 2</p> </div> <p>```<br /> Và đoạn CSS:<br /> ```css<br /> #khung_chinh .noi_dung {<br /> font-style: italic;<br /> }<br /> ```<br /> Kiểu chữ nghiêng sẽ được áp dụng cho những phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883085]' id='ays-answer-3555089-29588' value='3555089'/> <label for='ays-answer-3555089-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ đoạn văn bản 'Đoạn 1'.</label><label for='ays-answer-3555089-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883085]' id='ays-answer-3555090-29588' value='3555090'/> <label for='ays-answer-3555090-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ đoạn văn bản 'Đoạn 2'.</label><label for='ays-answer-3555090-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883085]' id='ays-answer-3555091-29588' value='3555091'/> <label for='ays-answer-3555091-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Cả hai đoạn văn bản 'Đoạn 1' và 'Đoạn 2'.</label><label for='ays-answer-3555091-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883085]' id='ays-answer-3555092-29588' value='3555092'/> <label for='ays-answer-3555092-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Không có đoạn văn bản nào.</label><label for='ays-answer-3555092-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883085'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA4OSI6IjEiLCIzNTU1MDkwIjoiMCIsIjM1NTUwOTEiOiIwIiwiMzU1NTA5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn `#khung_chinh .noi_dung` là bộ chọn con cháu. Nó chọn tất cả các phần tử có lớp `noi_dung` nằm *bên trong* phần tử có ID là `khung_chinh`. Trong HTML trên, chỉ có `</p> <p class="noi_dung">Đoạn 1</p> <p>` thỏa mãn điều kiện này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883086' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Bạn muốn tạo một kiểu CSS chỉ áp dụng cho các thẻ `<a>` (liên kết) có lớp là `nut` và đồng thời có lớp là `hoat_dong`. Cú pháp CSS nào là chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883086]' id='ays-answer-3555093-29588' value='3555093'/> <label for='ays-answer-3555093-29588' class=' ays_position_initial ays-quiz-keyboard-label'>a.nut, .hoat_dong { ... }</label><label for='ays-answer-3555093-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883086]' id='ays-answer-3555094-29588' value='3555094'/> <label for='ays-answer-3555094-29588' class=' ays_position_initial ays-quiz-keyboard-label'>a .nut .hoat_dong { ... }</label><label for='ays-answer-3555094-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883086]' id='ays-answer-3555095-29588' value='3555095'/> <label for='ays-answer-3555095-29588' class=' ays_position_initial ays-quiz-keyboard-label'>a.nut.hoat_dong { ... }</label><label for='ays-answer-3555095-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883086]' id='ays-answer-3555096-29588' value='3555096'/> <label for='ays-answer-3555096-29588' class=' ays_position_initial ays-quiz-keyboard-label'>a[class="nut hoat_dong"] { ... }</label><label for='ays-answer-3555096-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883086'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA5MyI6IjAiLCIzNTU1MDk0IjoiMCIsIjM1NTUwOTUiOiIxIiwiMzU1NTA5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn một phần tử có nhiều lớp, ta liệt kê các tên lớp (với dấu chấm) liền nhau sau tên thẻ hoặc sau dấu chấm đầu tiên.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883087' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Giả sử bạn có đoạn CSS:<br /> ```css<br /> .thong_bao {<br /> border: 1px solid blue;<br /> }<br /> #thong_bao_loi {<br /> border-color: red;<br /> }<br /> ```<br /> Và HTML: `</p> <div class="thong_bao" id="thong_bao_loi">Có lỗi xảy ra</div> <p>`. Màu viền của thẻ `div` này sẽ là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883087]' id='ays-answer-3555097-29588' value='3555097'/> <label for='ays-answer-3555097-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Xanh dương (blue)</label><label for='ays-answer-3555097-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883087]' id='ays-answer-3555098-29588' value='3555098'/> <label for='ays-answer-3555098-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Đỏ (red)</label><label for='ays-answer-3555098-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883087]' id='ays-answer-3555099-29588' value='3555099'/> <label for='ays-answer-3555099-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Đen (black) - Mặc định</label><label for='ays-answer-3555099-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883087]' id='ays-answer-3555100-29588' value='3555100'/> <label for='ays-answer-3555100-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Không có viền</label><label for='ays-answer-3555100-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883087'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTA5NyI6IjAiLCIzNTU1MDk4IjoiMSIsIjM1NTUwOTkiOiIwIiwiMzU1NTEwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Cả hai quy tắc CSS đều định nghĩa thuộc tính `border-color`. Tuy nhiên, bộ chọn định danh (`#thong_bao_loi`) có độ ưu tiên cao hơn bộ chọn lớp (`.thong_bao`). Do đó, màu viền sẽ là màu đỏ từ quy tắc của bộ chọn ID.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883088' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn muốn tạo một kiểu CSS áp dụng cho tất cả các phần tử có lớp `canh_le` TRỪ các phần tử là thẻ `div`. Bạn có thể sử dụng kết hợp bộ chọn nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883088]' id='ays-answer-3555101-29588' value='3555101'/> <label for='ays-answer-3555101-29588' class=' ays_position_initial ays-quiz-keyboard-label'>.canh_le</label><label for='ays-answer-3555101-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883088]' id='ays-answer-3555102-29588' value='3555102'/> <label for='ays-answer-3555102-29588' class=' ays_position_initial ays-quiz-keyboard-label'>div .canh_le</label><label for='ays-answer-3555102-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883088]' id='ays-answer-3555103-29588' value='3555103'/> <label for='ays-answer-3555103-29588' class=' ays_position_initial ays-quiz-keyboard-label'>#canh_le</label><label for='ays-answer-3555103-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883088]' id='ays-answer-3555104-29588' value='3555104'/> <label for='ays-answer-3555104-29588' class=' ays_position_initial ays-quiz-keyboard-label'>div#canh_le</label><label for='ays-answer-3555104-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883088'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTEwMSI6IjEiLCIzNTU1MTAyIjoiMCIsIjM1NTUxMDMiOiIwIiwiMzU1NTEwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn tất cả các phần tử có lớp `canh_le` nhưng loại trừ thẻ `div`, ta sử dụng bộ chọn lớp chung `.canh_le` và sau đó có thể ghi đè hoặc sử dụng bộ chọn phủ định (`:not()`) kết hợp với bộ chọn thẻ `div`. Tuy nhiên, cách đơn giản nhất để áp dụng cho 'tất cả trừ div' là dùng bộ chọn lớp chung `.canh_le`, và nếu cần loại trừ `div`, phải có quy tắc khác cụ thể hơn cho `div.canh_le` hoặc dùng `:not()`. Trong các lựa chọn, `.canh_le` là bộ chọn chung cho lớp đó, áp dụng cho mọi thẻ có lớp này. Để loại trừ `div`, ta cần một phương pháp khác không có trong các lựa chọn đơn giản này. Câu hỏi hơi khó với kiến thức cơ bản, nhưng trong ngữ cảnh 'trừ thẻ div', ta có thể hiểu là áp dụng cho các phần tử khác có lớp đó. Lựa chọn `.canh_le` là cách chung nhất để chọn lớp đó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='883089' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 03</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Việc sử dụng quá nhiều bộ chọn định danh (`#`) trong CSS có thể dẫn đến vấn đề gì về khả năng bảo trì và tái sử dụng mã?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883089]' id='ays-answer-3555105-29588' value='3555105'/> <label for='ays-answer-3555105-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Trang web sẽ tải chậm hơn.</label><label for='ays-answer-3555105-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883089]' id='ays-answer-3555106-29588' value='3555106'/> <label for='ays-answer-3555106-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Các trình duyệt cũ không hỗ trợ bộ chọn ID.</label><label for='ays-answer-3555106-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883089]' id='ays-answer-3555107-29588' value='3555107'/> <label for='ays-answer-3555107-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Các phần tử được định dạng bằng ID không thể áp dụng thêm bộ chọn lớp.</label><label for='ays-answer-3555107-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-883089]' id='ays-answer-3555108-29588' value='3555108'/> <label for='ays-answer-3555108-29588' class=' ays_position_initial ays-quiz-keyboard-label'>Làm tăng độ ưu tiên của CSS, gây khó khăn khi ghi đè hoặc tái sử dụng kiểu dáng.</label><label for='ays-answer-3555108-29588' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_29588 === 'undefined'){ window.quizOptions_29588 = []; } window.quizOptions_29588['883089'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzU1NTEwNSI6IjAiLCIzNTU1MTA2IjoiMCIsIjM1NTUxMDciOiIwIiwiMzU1NTEwOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn định danh có độ ưu tiên rất cao. Việc sử dụng quá nhiều ID selector khiến việc ghi đè các quy tắc CSS sau này trở nên khó khăn hơn, vì bạn sẽ cần các bộ chọn có độ ưu tiên bằng hoặc cao hơn (như các ID selector khác, hoặc `!important`), làm cho CSS trở nên phức tạp và khó quản lý. Bộ chọn lớp thường được ưu tiên hơn cho hầu hết các mục đích định dạng vì chúng linh hoạt và dễ dàng kết hợp, tái sử dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-29588 * { box-sizing: border-box; } #ays-quiz-container-29588 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-29588 #ays_finish_quiz_29588 { } /* Styles for Quiz container */ #ays-quiz-container-29588{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-29588 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-29588 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-29588 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-29588 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-29588 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-29588 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-29588 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-29588 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-29588.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-29588.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-29588 #ays_finish_quiz_29588 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-29588.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-29588.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-29588.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-29588.ays-quiz-container .ays-questions-container p, #ays-quiz-container-29588.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-29588.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-29588.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-29588.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-29588.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-29588.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-29588.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-29588.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-29588.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-29588 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-29588 .ays-quiz-password-message-box, #ays-quiz-container-29588 .ays-quiz-question-note-message-box, #ays-quiz-container-29588 .ays_quiz_question, #ays-quiz-container-29588 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-29588 textarea, #ays-quiz-container-29588 input::first-letter, #ays-quiz-container-29588 select::first-letter, #ays-quiz-container-29588 option::first-letter { color: initial !important; } #ays-quiz-container-29588 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-29588 .select2-container, #ays-quiz-container-29588 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-29588 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-29588 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-29588 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-29588 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-29588 .ays-questions-container .ays-field, div#ays-quiz-container-29588 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-29588 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-29588 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-29588 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-29588 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-29588 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-29588 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-29588 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-29588 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-29588 .information_form input[type='text'], #ays-quiz-container-29588 .information_form input[type='url'], #ays-quiz-container-29588 .information_form input[type='number'], #ays-quiz-container-29588 .information_form input[type='email'], #ays-quiz-container-29588 .information_form input[type='tel'], #ays-quiz-container-29588 .information_form textarea, #ays-quiz-container-29588 .information_form select, #ays-quiz-container-29588 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-29588 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-29588 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-29588 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-29588 .right_answer_text{ color:#33cc33; } #ays-quiz-container-29588 .right_answer_text p { font-size:16px; } #ays-quiz-container-29588 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-29588 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-29588 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-29588 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-29588 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-29588 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-29588 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-29588 .ays_cb_and_a, #ays-quiz-container-29588 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-29588 iframe { /*min-height: 450px;*/ } #ays-quiz-container-29588 label.ays_for_checkbox, #ays-quiz-container-29588 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-29588 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-29588 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-29588 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-29588 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-29588 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-29588 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-29588 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-29588 div.lds-spinner, #ays-quiz-container-29588 div.lds-spinner2 { color: #000000; } #ays-quiz-container-29588 div.lds-spinner div:after, #ays-quiz-container-29588 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-29588 .lds-circle, #ays-quiz-container-29588 .lds-facebook div, #ays-quiz-container-29588 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-29588 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-29588 .lds-dual-ring::after, #ays-quiz-container-29588 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-29588 .ui.rating .icon, #ays-quiz-container-29588 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-29588 #ays_finish_quiz_29588 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-29588 #ays_finish_quiz_29588 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-29588 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-29588 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-29588 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-29588 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-29588 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-29588 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-29588 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-29588 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-29588 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-29588 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-29588 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-29588 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-29588 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-29588 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-29588 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-29588 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-29588 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-29588 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-29588 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-29588 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-29588 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-29588 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-29588 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-29588 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-29588 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-29588 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-29588 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-29588 div.ays-quiz-redirection-timer, #ays-quiz-container-29588 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-29588 div.ays-quiz-after-timer * , #ays-quiz-container-29588 div.ays-quiz-redirection-timer *, #ays-quiz-container-29588 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-29588 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-29588 input#ays-submit, #ays-quiz-container-29588 #ays_finish_quiz_29588 .action-button, #ays-quiz-container-29588 #ays_finish_quiz_29588 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-29588 #ays_finish_quiz_29588 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-29588 #ays_finish_quiz_29588 .action-button.ays_restart_button, #ays-quiz-container-29588 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-29588 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-29588 input#ays-submit, #ays-quiz-container-29588 #ays_finish_quiz_29588 input.action-button, #ays-quiz-container-29588 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-29588 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-29588 #ays_finish_quiz_29588 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-29588 #ays_finish_quiz_29588 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-29588 #ays_finish_quiz_29588 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-29588 input#ays-submit:hover, #ays-quiz-container-29588 input#ays-submit:focus, #ays-quiz-container-29588 #ays_finish_quiz_29588 .action-button:hover, #ays-quiz-container-29588 #ays_finish_quiz_29588 .action-button:focus, #ays-quiz-container-29588 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-29588 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-29588 .ays_restart_button { color: #ffffff; } #ays-quiz-container-29588 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-29588 .ays_buttons_div { justify-content: center; } #ays-quiz-container-29588 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-29588 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-29588 input[type='button'], #ays-quiz-container-29588 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-29588 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-29588 input[type='button']:focus-visible, div#ays-quiz-container-29588 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-29588 #ays_finish_quiz_29588 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-29588 #ays_finish_quiz_29588 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-29588 #ays_finish_quiz_29588 i.ays_early_finish.action-button[disabled], #ays-quiz-container-29588 #ays_finish_quiz_29588 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-29588 #ays_finish_quiz_29588 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-29588 #ays_finish_quiz_29588 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-29588 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-29588 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-29588 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-29588.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-29588 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-29588 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-29588 #ays_finish_quiz_29588 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-29588 #ays_finish_quiz_29588 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-29588 #ays_finish_quiz_29588 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-29588 #ays_finish_quiz_29588 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-29588 #ays_finish_quiz_29588 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-29588 #ays_finish_quiz_29588 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-29588 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-29588 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-29588 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-29588 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-29588 #ays_finish_quiz_29588 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-29588 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-29588 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-29588 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-29588 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-29588 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-29588 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-29588 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-29588 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-29588 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-29588 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-29588 #ays_finish_quiz_29588 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-29588 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-29588 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-29588 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-29588 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-29588 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-29588 .ays-field .select2-container--default, #ays-quiz-container-29588 .ays-field .select2-container--default .selection, #ays-quiz-container-29588 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-29588 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-29588 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-29588 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-29588 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-29588 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-29588 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-29588 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-29588 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-29588 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-29588 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-29588 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-29588 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-29588 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-29588 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-29588 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-29588 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-29588 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-29588 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-29588 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-29588 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-29588 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-29588 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-29588 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-29588.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-29588.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-29588 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-29588 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-29588 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-29588 label[for^='ays-answer']:before, #ays-quiz-container-29588 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-29588 .ays_question_report { text-align: right; } div#ays-quiz-container-29588 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-29588 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-29588.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-29588.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-29588.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-29588.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-29588.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-29588.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-29588 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-29588.ays_quiz_classic_dark .correct_div, #ays-quiz-container-29588.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-29588.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-29588.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-29588.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-29588.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-29588.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-29588.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-29588 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-29588 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-29588 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-29588 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-29588 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-29588 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-29588 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-29588 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-29588 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-29588.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-29588.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-29588 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-29588 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-29588 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-29588 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-29588 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-29588 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-29588 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-29588 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-29588 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-29588 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-29588 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-29588 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-29588 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-29588 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-29588 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-29588 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-29588 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-29588 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-29588 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-29588 .ays-quiz-personality-result-box div:before, #ays-quiz-container-29588 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-29588 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-29588 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-29588 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-29588 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-29588 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-29588 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-29588 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-29588 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-29588 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-29588 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-29588 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-29588 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-29588 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-29588{ max-width: 100%; } div#ays-quiz-container-29588 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-29588.ays_quiz_modern_light .step, div#ays-quiz-container-29588.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-29588.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-29588.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-29588.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-29588.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-29588 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-29588 .select2-container, div#ays-quiz-container-29588 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-29588 input#ays-submit, div#ays-quiz-container-29588 #ays_finish_quiz_29588 .action-button, div#ays-quiz-container-29588 #ays_finish_quiz_29588 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-29588 #ays_finish_quiz_29588 .action-button.ays_restart_button, #ays-quiz-container-29588 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-29588 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-29588 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-29588 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-29588 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-29588 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-29588 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-29588 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-29588 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-29588 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-29588 p { margin: 0.625em; } #ays-quiz-container-29588.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-29588.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-29588 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-29588.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-29588 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-29588 #ays_finish_quiz_29588 .action-button:hover, #ays-quiz-container-29588 #ays_finish_quiz_29588 .action-button:focus, #ays-quiz-container-29588 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-29588 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['29588'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIyOTU4OCIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwMyIsImRlc2NyaXB0aW9uIjoiPHA+PHN0cm9uZz5CYVx1MDMwMGkgVFx1MDBlMlx1MDMyM3AgVHJcdTFlYWZjIG5naGlcdTFlYzdtIFRpbiBoXHUxZWNkYyAxMiAtIENcdTAwZTFuaCBkaVx1MWVjMXUgLSBCXHUwMGUwaSAxMDogQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDM8XC9zdHJvbmc+IFx1MDExMVx1MDFiMFx1MWVlM2MgeFx1MDBlMnkgZFx1MWVmMW5nIHZcdTFlZGJpIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgY2hcdTFlYTV0IGxcdTAxYjBcdTFlZTNuZywgc1x1MDBlMXQgdlx1MWVkYmkgblx1MWVkOWkgZHVuZyBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmggaFx1MWVjZGMsIGdpXHUwMGZhcCBiXHUxZWExbiBkXHUxZWM1IGRcdTAwZTBuZyBcdTAwZjRuIHRcdTFlYWRwIHZcdTAwZTAga2lcdTFlYzNtIHRyYSBraVx1MWViZm4gdGhcdTFlZTljIGhpXHUxZWM3dSBxdVx1MWVhMy4gSFx1MDBlM3kgY1x1MDBmOW5nIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgbFx1MDBlMG0gYlx1MDBlMGkgdFx1MWVhZHAgdHJcdTFlYWZjIG5naGlcdTFlYzdtIG5nYXkgXHUwMTExXHUxZWMzIG5cdTAwZTJuZyBjYW8gaGlcdTFlYzN1IGJpXHUxZWJmdCB2XHUwMGUwIGNodVx1MWVhOW4gYlx1MWVjYiB0XHUxZWQxdCBjaG8ga1x1MWVmMyB0aGkgc1x1MWVhZnAgdFx1MWVkYmkhPFwvcD5cclxuXHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTogVHJvbmcgQ1NTLCBiXHUxZWExbiBzXHUxZWVkIGRcdTFlZTVuZyBrXHUwMGZkIGhpXHUxZWM3dSBuXHUwMGUwbyBcdTAxMTFcdTFlYzMga2hhaSBiXHUwMGUxbyBtXHUxZWQ5dCBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoY2xhc3Mgc2VsZWN0b3IpP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiAjPFwvbGk+XHJcbjxsaT5DLiAqPFwvbGk+XHJcbjxsaT5ELiA6PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjogS1x1MDBmZCBoaVx1MWVjN3Ugblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMga2hhaSBiXHUwMGUxbyBtXHUxZWQ5dCBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIChJRCBzZWxlY3RvcikgdHJvbmcgQ1NTP1xyXG48dWw+XHJcbjxsaT5BLiAuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuICM8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiAmPFwvbGk+XHJcbjxsaT5ELiAkPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzogQ2hvIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTCBzYXU6IGA8cCBjbGFzcz1cclxuPHVsPlxyXG48bGk+QS4gI25vaV9iYXQ8XC9saT5cclxuPGxpPkIuIHA8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gLm5vaV9iYXQ8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBjbGFzcz08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA0OiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MIHNhdTogYDxkaXYgaWQ9XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gI3BoYW5fZGF1PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gLnBoYW5fZGF1PFwvbGk+XHJcbjxsaT5DLiBkaXY8XC9saT5cclxuPGxpPkQuIGlkPTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDU6IFNcdTFlZjEga2hcdTAwZTFjIGJpXHUxZWM3dCBjXHUwMWExIGJcdTFlYTNuIGdpXHUxZWVmYSBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCB2XHUwMGUwIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggdHJvbmcgQ1NTIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY2hcdTFlYzkgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIHRoXHUxZWJiIGA8ZGl2PmAsIGNcdTAwZjJuIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggXHUwMGUxcCBkXHUxZWU1bmcgY2hvIG1cdTFlY2RpIHRoXHUxZWJiLjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBcdTAxYjB1IHRpXHUwMGVhbiBoXHUwMWExbiBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBraGkgY1x1MDBmOW5nIHRcdTAwZTFjIFx1MDExMVx1MWVkOW5nIGxcdTAwZWFuIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48bGk+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgZFx1MDBmOW5nIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgdlx1MDEwM24gYlx1MWVhM24sIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggZFx1MDBmOW5nIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgYlx1MWVkMSBjXHUxZWU1Yy48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY1x1MDBmMyB0aFx1MWVjMyBkXHUwMGY5bmcgbFx1MWVhMWkgY2hvIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggY2hcdTFlYzkgZFx1MDBmOW5nIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBkdXkgbmhcdTFlYTV0LjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA2OiBNXHUxZWQ5dCB0cmFuZyB3ZWIgY1x1MDBmMyBuaGlcdTFlYzF1IFx1MDExMW9cdTFlYTFuIHZcdTAxMDNuIGJcdTFlYTNuIGNcdTFlYTduIGhpXHUxZWMzbiB0aFx1MWVjYiBtXHUwMGUwdSB4YW5oLiBCXHUxZWExbiBuXHUwMGVhbiBzXHUxZWVkIGRcdTFlZTVuZyBsb1x1MWVhMWkgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBjaHVuZyBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiBiXHUxZWEzbiBcdTAxMTFcdTAwZjM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKENsYXNzIHNlbGVjdG9yKTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIHNlbGVjdG9yKTxcL2xpPlxyXG48bGk+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gdGhcdTFlYmIgKEVsZW1lbnQgc2VsZWN0b3IpPFwvbGk+XHJcbjxsaT5ELiBCXHUxZWQ5IGNoXHUxZWNkbiBjaHVuZyAoVW5pdmVyc2FsIHNlbGVjdG9yKTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDc6IEJcdTFlYTFuIG11XHUxZWQxbiBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgY1x1MWVlNSB0aFx1MWVjMywgZHV5IG5oXHUxZWE1dCB0clx1MDBlYW4gdHJhbmcgd2ViICh2XHUwMGVkIGRcdTFlZTU6IHBoXHUxZWE3biB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIGNoXHUwMGVkbmggY1x1MWVlN2EgdHJhbmcpIHZcdTFlZGJpIGNcdTAwZTFjIGtpXHUxZWMzdSBkXHUwMGUxbmcgcmlcdTAwZWFuZyBiaVx1MWVjN3QuIExvXHUxZWExaSBiXHUxZWQ5IGNoXHUxZWNkbiBuXHUwMGUwbyBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQgdHJvbmcgdHJcdTAxYjBcdTFlZGRuZyBoXHUxZWUzcCBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKENsYXNzIHNlbGVjdG9yKTxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIChJRCBzZWxlY3Rvcik8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBCXHUxZWQ5IGNoXHUxZWNkbiBuaFx1MDBmM20gKEdyb3VwIHNlbGVjdG9yKTxcL2xpPlxyXG48bGk+RC4gQlx1MWVkOSBjaFx1MWVjZG4gdGh1XHUxZWQ5YyB0XHUwMGVkbmggKEF0dHJpYnV0ZSBzZWxlY3Rvcik8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA4OiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBDU1Mgc2F1OiBgLmNodV9kbyB7IGNvbG9yOiByZWQ7IH1gLiBcdTAxMTBcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcga2lcdTFlYzN1IGNoXHUxZWVmIG1cdTAwZTB1IFx1MDExMVx1MWVjZiBjaG8gbVx1MWVkOXQgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gdHJvbmcgSFRNTCwgYlx1MWVhMW4gc1x1MWViZCB2aVx1MWViZnQgdGhcdTFlYmIgYHBgIG5oXHUwMWIwIHRoXHUxZWJmIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiA8cCBpZD08XC9saT5cclxuPGxpPkIuIDxwIC5jaHVfZG8+Li4uPFwvcD48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gPHAgY2xhc3M9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gPHAgI2NodV9kbz4uLi48XC9wPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDk6IENobyBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIENTUyBzYXU6IGAjdGlldV9kZSB7IGZvbnQtc2l6ZTogMjRweDsgfWAuIFx1MDExMFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgY1x1MWVlMSBjaFx1MWVlZiAyNHB4IGNobyBtXHUxZWQ5dCB0aFx1MWViYiBgPGgxPmAgZHV5IG5oXHUxZWE1dCB0cm9uZyBIVE1MLCBiXHUxZWExbiBzXHUxZWJkIHZpXHUxZWJmdCB0aFx1MWViYiBgaDFgIG5oXHUwMWIwIHRoXHUxZWJmIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiA8aDEgY2xhc3M9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIDxoMSBpZD08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiA8aDEgI3RpZXVfZGU+Li4uPFwvaDE+PFwvbGk+XHJcbjxsaT5ELiA8aDEgLnRpZXVfZGU+Li4uPFwvaDE+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTA6IEJcdTFlYTFuIGNcdTAwZjMgaGFpIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwOiBgLmNhbl9naXVhIHsgdGV4dC1hbGlnbjogY2VudGVyOyB9YCB2XHUwMGUwIGAuY2h1X2RhbSB7IGZvbnQtd2VpZ2h0OiBib2xkOyB9YC4gTFx1MDBlMG0gdGhcdTFlYmYgblx1MDBlMG8gXHUwMTExXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGNcdTFlYTMgaGFpIGtpXHUxZWMzdSBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgblx1MDBlMHkgY2hvIGNcdTAwZjluZyBtXHUxZWQ5dCBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiBiXHUxZWEzbiBgPHA+YD9cclxuPHVsPlxyXG48bGk+QS4gPHAgY2xhc3M9PFwvbGk+XHJcbjxsaT5CLiA8cCBjbGFzcz08XC9saT5cclxuPGxpPkMuIDxwIGNsYXNzPTxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiA8cCBjbGFzcz08XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTE6IFhcdTAwZTl0IFx1MDExMW9cdTFlYTFuIENTUyBzYXU6XG5gYGBjc3Ncbi5ob3Atbm9pLWR1bmcge1xuIGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrO1xuIHBhZGRpbmc6IDEwcHg7XG59XG4jaG9wLWRhYy1iaWV0IHtcbiBiYWNrZ3JvdW5kLWNvbG9yOiB5ZWxsb3c7XG59XG5gYGBcbk5cdTFlYmZ1IG1cdTFlZDl0IHRoXHUxZWJiIGBkaXZgIGNcdTAwZjMgY1x1MWVhMyBgY2xhc3M9XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gVmlcdTFlYzFuIFx1MDExMWVuIDFweCwgXHUwMTExXHUxZWM3bSAxMHB4LCB2XHUwMGUwIG5cdTFlYzFuIHZcdTAwZTBuZy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBjXHUwMGYzIHZpXHUxZWMxbiBcdTAxMTFlbiAxcHggdlx1MDBlMCBcdTAxMTFcdTFlYzdtIDEwcHguPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBjXHUwMGYzIG5cdTFlYzFuIHZcdTAwZTBuZy48XC9saT5cclxuPGxpPkQuIEtoXHUwMGY0bmcgY1x1MDBmMyBraVx1MWVjM3Ugblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZyBkbyB4dW5nIFx1MDExMVx1MWVkOXQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTI6IFRcdTFlYTFpIHNhbyB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBmOW5nIG1cdTFlZDl0IGdpXHUwMGUxIHRyXHUxZWNiIGNobyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgaWRgIHRyXHUwMGVhbiBuaGlcdTFlYzF1IHBoXHUxZWE3biB0XHUxZWVkIEhUTUwgdHJvbmcgY1x1MDBmOW5nIG1cdTFlZDl0IHRyYW5nIGxcdTFlYTFpIFx1MDExMVx1MDFiMFx1MWVlM2MgY29pIGxcdTAwZTAga2hcdTAwZjRuZyBcdTAxMTFcdTAwZmFuZyBjaHVcdTFlYTluIHZcdTAwZTAgY1x1MDBmMyB0aFx1MWVjMyBnXHUwMGUyeSByYSBsXHUxZWQ3aT9cclxuPHVsPlxyXG48bGk+QS4gQ1x1MDBlMWMgdHJcdTAwZWNuaCBkdXlcdTFlYzd0IHNcdTFlYmQga2hcdTAwZjRuZyBoaVx1MWVjM24gdGhcdTFlY2IgdHJhbmcgd2ViIG5cdTFlYmZ1IGNcdTAwZjMgSUQgdHJcdTAwZjluZyBsXHUxZWI3cC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gSUQgcGhcdTFlYTNpIGxcdTAwZTAgZHV5IG5oXHUxZWE1dCBcdTAxMTFcdTFlYzMgQ1NTIHZcdTAwZTAgSmF2YVNjcmlwdCBjXHUwMGYzIHRoXHUxZWMzIHhcdTAwZTFjIFx1MDExMVx1MWVjYm5oIGNoXHUwMGVkbmggeFx1MDBlMWMgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gVmlcdTFlYzdjIG5cdTAwZTB5IGxcdTAwZTBtIHRcdTAxMDNuZyBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIHRcdTFlYzdwIENTUyBtXHUxZWQ5dCBjXHUwMGUxY2gga2hcdTAwZjRuZyBjXHUxZWE3biB0aGlcdTFlYmZ0LjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlYzkgY1x1MDBmMyBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBtXHUxZWRiaSBcdTAxMTFcdTAxYjBcdTFlZTNjIHBoXHUwMGU5cCBzXHUxZWVkIGRcdTFlZTVuZyB0clx1MDBmOW5nIGxcdTFlYjdwLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgZGFuaCBzXHUwMGUxY2ggY1x1MDBlMWMgbVx1MWVlNWMgKGA8bGk+YCkgdlx1MDBlMCBtdVx1MWVkMW4gdFx1MDBmNCBtXHUwMGUwdSBuXHUxZWMxbiB4XHUwMGUxbSBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBtXHUxZWU1YyBjaFx1MWViNW4gdHJvbmcgZGFuaCBzXHUwMGUxY2ggXHUwMTExXHUwMGYzLiBCXHUxZWExbiBuXHUwMGVhbiBzXHUxZWVkIGRcdTFlZTVuZyBrXHUxZWJmdCBoXHUxZWUzcCBsb1x1MWVhMWkgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gdlx1MDBlMCB0aHVcdTFlZDljIHRcdTAwZWRuaCBIVE1MIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIHZcdTFlZGJpIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBjbGFzc2A8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIHZcdTFlZGJpIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBpZGA8XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IGNcdTFlYTduIGRcdTAwZjluZyBiXHUxZWQ5IGNoXHUxZWNkbiB0aFx1MWViYiBgbGlgPFwvbGk+XHJcbjxsaT5ELiBCXHUxZWQ5IGNoXHUxZWNkbiBjb24gY2hcdTAwZTF1IChEZXNjZW5kYW50IHNlbGVjdG9yKTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE0OiBYXHUwMGU5dCBcdTAxMTFvXHUxZWExbiBDU1Mgc2F1OlxuYGBgY3NzXG4uaG9wIHtcbiBtYXJnaW46IDEwcHg7XG59XG4jaG9wLWNoaW5oIHtcbiB3aWR0aDogNTAwcHg7XG59XG5kaXYuaG9wIHtcbiBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGJsdWU7XG59XG5gYGBcbk1cdTFlZDl0IHRoXHUxZWJiIGBkaXZgIGNcdTAwZjMgYGNsYXNzPVxyXG48dWw+XHJcbjxsaT5BLiBLaFx1MDBmNG5nIGNcdTAwZjMgbVx1MDBlMHUgblx1MWVjMW48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gWGFuaCBuaFx1MWVhMXQgKGxpZ2h0Ymx1ZSk8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBWXHUwMGUwbmcgKHllbGxvdykgLSBHaVx1MWVhMyBcdTAxMTFcdTFlY2JuaCB0XHUxZWViIGNcdTAwZTJ1IGhcdTFlY2ZpIGtoXHUwMGUxYywga2hcdTAwZjRuZyBsaVx1MDBlYW4gcXVhbiBcdTFlZGYgXHUwMTExXHUwMGUyeS48XC9saT5cclxuPGxpPkQuIFRyXHUxZWFmbmcgKHdoaXRlKSAtIE1cdTFlYjdjIFx1MDExMVx1MWVjYm5oPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTU6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraVx1MWVjM3UgQ1NTIFx1MDBlMXAgZFx1MWVlNW5nIGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRoXHUxZWJiIGA8c3Bhbj5gIGNcdTAwZjMgbFx1MWVkYnAgbFx1MDBlMCBgY2h1X2RhbWAuIENcdTAwZmEgcGhcdTAwZTFwIENTUyBjaFx1MDBlZG5oIHhcdTAwZTFjIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBzcGFuLmNodV9kYW0geyAuLi4gfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIC5jaHVfZGFtIHNwYW4geyAuLi4gfTxcL2xpPlxyXG48bGk+Qy4gc3BhbiAjY2h1X2RhbSB7IC4uLiB9PFwvbGk+XHJcbjxsaT5ELiBzcGFuLCAuY2h1X2RhbSB7IC4uLiB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTY6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraVx1MWVjM3UgQ1NTIFx1MDBlMXAgZFx1MWVlNW5nIGNobyB0aFx1MWViYiBgZGl2YCBjXHUwMGYzIFx1MDExMVx1MWVjYm5oIGRhbmggbFx1MDBlMCBgdGhhbmhfbWVudWAuIENcdTAwZmEgcGhcdTAwZTFwIENTUyBjaFx1MDBlZG5oIHhcdTAwZTFjIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gLnRoYW5oX21lbnUgZGl2IHsgLi4uIH08XC9saT5cclxuPGxpPkIuIGRpdiAudGhhbmhfbWVudSB7IC4uLiB9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGRpdiN0aGFuaF9tZW51IHsgLi4uIH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBkaXYsICN0aGFuaF9tZW51IHsgLi4uIH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNzogWFx1MDBlOXQgXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MOiBgPGJ1dHRvbiBjbGFzcz1cclxuPHVsPlxyXG48bGk+QS4gLm51dDxcL2xpPlxyXG48bGk+Qi4gLm51dC1sb248XC9saT5cclxuPGxpPkMuIGJ1dHRvbi5udXQ8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gI251dDxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxODogQlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRoXHUxZWJiIGA8aW1nPmAgY1x1MDBmMyBsXHUxZWRicCBsXHUwMGUwIGBoaW5oX25lbmAgdlx1MDBlMCBcdTAxMTFcdTFlZDNuZyB0aFx1MWVkZGkgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aFx1MWViYiBgPGRpdj5gIGNcdTAwZjMgbFx1MWVkYnAgbFx1MDBlMCBga2h1bmdfYW5oYC4gQlx1MWVhMW4gc1x1MWViZCBzXHUxZWVkIGRcdTFlZTVuZyBiXHUxZWQ5IGNoXHUxZWNkbiBrXHUxZWJmdCBoXHUxZWUzcCBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gaW1nLmhpbmhfbmVuIGRpdi5raHVuZ19hbmggeyAuLi4gfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBpbWcuaGluaF9uZW4sIGRpdi5raHVuZ19hbmggeyAuLi4gfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGltZyAuaGluaF9uZW4sIGRpdiAua2h1bmdfYW5oIHsgLi4uIH08XC9saT5cclxuPGxpPkQuIGltZy5oaW5oX25lbiArIGRpdi5raHVuZ19hbmggeyAuLi4gfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE5OiBUcm9uZyBDU1MsIFx1MDExMVx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiAoc3BlY2lmaWNpdHkpIGNcdTFlZTdhIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKCMpIHNvIHZcdTFlZGJpIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwICguKSBuaFx1MDFiMCB0aFx1MWViZiBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGNcdTAwZjMgXHUwMTExXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIGNhbyBoXHUwMWExbiBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBjXHUwMGYzIFx1MDExMVx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiBjYW8gaFx1MDFhMW4gYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaC48XC9saT5cclxuPGxpPkMuIEhhaSBsb1x1MWVhMWkgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMHkgY1x1MDBmMyBcdTAxMTFcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gYlx1MWViMW5nIG5oYXUuPFwvbGk+XHJcbjxsaT5ELiBcdTAxMTBcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gcGhcdTFlZTUgdGh1XHUxZWQ5YyB2XHUwMGUwbyB0aFx1MWVlOSB0XHUxZWYxIGtoYWkgYlx1MDBlMW8gdHJvbmcgdFx1MWVjN3AgQ1NTLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIwOiBCXHUxZWExbiBjXHUwMGYzIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgQ1NTIHNhdTpcbmBgYGNzc1xuLnZhbl9iYW4ge1xuIGNvbG9yOiBibHVlO1xufVxuI2RvYW5fMSB7XG4gY29sb3I6IHJlZDtcbn1cbmBgYFxuTlx1MWViZnUgbVx1MWVkOXQgdGhcdTFlYmIgYDxwPmAgY1x1MDBmMyBgY2xhc3M9XHJcbjx1bD5cclxuPGxpPkEuIFhhbmggKGJsdWUpPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIFx1MDExMFx1MWVjZiAocmVkKTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIE1cdTAwZTB1IG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIGNcdTFlZTdhIHRyXHUwMGVjbmggZHV5XHUxZWM3dDxcL2xpPlxyXG48bGk+RC4gQ1x1MWVhMyB4YW5oIHZcdTAwZTAgXHUwMTExXHUxZWNmIChraFx1MDBmNG5nIHRoXHUxZWMzIHhcdTFlYTN5IHJhKTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIxOiBLaGkgblx1MDBlMG8gdGhcdTAwZWMgblx1MDBlYW4gXHUwMWIwdSB0aVx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgdGhheSB2XHUwMGVjIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmg/XHJcbjx1bD5cclxuPGxpPkEuIEtoaSBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgclx1MWVhNXQgcXVhbiB0clx1MWVjZG5nIHRyXHUwMGVhbiB0cmFuZy48XC9saT5cclxuPGxpPkIuIEtoaSBjXHUxZWE3biBcdTAxMTFcdTFlYTNtIGJcdTFlYTNvIHJcdTFlYjFuZyBraVx1MWVjM3UgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIGtoXHUwMGY0bmcgYlx1MWVjYiBnaGkgXHUwMTExXHUwMGU4IGJcdTFlZGZpIGNcdTAwZTFjIHF1eSB0XHUxZWFmYyBraFx1MDBlMWMuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIEtoaSBtdVx1MWVkMW4gXHUwMGUxcCBkXHUxZWU1bmcgY1x1MDBmOW5nIG1cdTFlZDl0IGtpXHUxZWMzdSBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgY2hvIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gS2hpIGxcdTAwZTBtIHZpXHUxZWM3YyB2XHUxZWRiaSBKYXZhU2NyaXB0IFx1MDExMVx1MWVjMyB0aGFvIHRcdTAwZTFjIHRyXHUwMGVhbiBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMjogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBcdTAxMTFhbmcgdGhpXHUxZWJmdCBrXHUxZWJmIG1cdTFlZDl0IHRyYW5nIHdlYiB0aW4gdFx1MWVlOWMuIEJcdTFlYTFuIG11XHUxZWQxbiBjXHUwMGYzIG1cdTFlZDl0IGtodW5nIFx1MDExMVx1MWViN2MgYmlcdTFlYzd0IG5cdTFlZDVpIGJcdTFlYWR0IGNobyBcIlRpbiBuXHUwMGYzbmdcIiBjaFx1MWVjOSB4dVx1MWVhNXQgaGlcdTFlYzduIG1cdTFlZDl0IGxcdTFlYTduIHRyXHUwMGVhbiB0cmFuZy4gQlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgbG9cdTFlYTFpIGJcdTFlZDkgY2hcdTFlY2RuIG5cdTAwZTBvIGNobyBraHVuZyBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnA8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIHRoXHUxZWJiIGBkaXZgPFwvbGk+XHJcbjxsaT5ELiBCXHUxZWQ5IGNoXHUxZWNkbiBjaHVuZzxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIzOiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQga2lcdTFlYzN1IENTUyBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aFx1MWViYiBgPGgyPmAgY1x1MDBmMyBsXHUxZWRicCBsXHUwMGUwIGBwaGFuX3BodWAuIENcdTAwZmEgcGhcdTAwZTFwIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgXHUwMTExXHUwMGZhbmcgdlx1MDBlMCBoaVx1MWVjN3UgcXVcdTFlYTMgbmhcdTFlYTV0P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGgyLnBoYW5fcGh1IHsgLi4uIH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiAucGhhbl9waHUgaDIgeyAuLi4gfTxcL2xpPlxyXG48bGk+Qy4gaDIgI3BoYW5fcGh1IHsgLi4uIH08XC9saT5cclxuPGxpPkQuIGgyLCAucGhhbl9waHUgeyAuLi4gfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI0OiBYXHUwMGU5dCBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUw6IGA8aW1nIHNyYz1cclxuPHVsPlxyXG48bGk+QS4gaW1nIHsgLi4uIH08XC9saT5cclxuPGxpPkIuIC5oaW5oX2FuaCB7IC4uLiB9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGltZyNsb2dvX2NoaW5oIHsgLi4uIH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiAjaGluaF9hbmggeyAuLi4gfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI1OiBCXHUxZWExbiBtdVx1MWVkMW4gXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIG1cdTFlZDl0IG5cdTAwZmF0IGJcdTFlYTVtIChgPGJ1dHRvbj5gKSBjXHUwMGYzIGxcdTFlZGJwIGxcdTAwZTAgYG51dC14b2FgIFx1MDExMVx1MWVjMyBjXHUwMGYzIG1cdTAwZTB1IG5cdTFlYzFuIFx1MDExMVx1MWVjZiB2XHUwMGUwIGNoXHUxZWVmIHRyXHUxZWFmbmcuIENcdTAwZmEgcGhcdTAwZTFwIENTUyBrXHUxZWJmdCBoXHUxZWUzcCBiXHUxZWQ5IGNoXHUxZWNkbiB0aFx1MWViYiB2XHUwMGUwIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBidXR0b24ubnV0LXhvYSB7IGJhY2tncm91bmQtY29sb3I6IHJlZDsgY29sb3I6IHdoaXRlOyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gLm51dC14b2EgYnV0dG9uIHsgYmFja2dyb3VuZC1jb2xvcjogcmVkOyBjb2xvcjogd2hpdGU7IH08XC9saT5cclxuPGxpPkMuICNudXQteG9hIHsgYmFja2dyb3VuZC1jb2xvcjogcmVkOyBjb2xvcjogd2hpdGU7IH08XC9saT5cclxuPGxpPkQuIGJ1dHRvbiwgLm51dC14b2EgeyBiYWNrZ3JvdW5kLWNvbG9yOiByZWQ7IGNvbG9yOiB3aGl0ZTsgfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI2OiBYXHUwMGU5dCBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUw6XG5gYGBodG1sXG48ZGl2IGlkPVxyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIENoXHUxZWM5IFx1MDExMW9cdTFlYTFuIHZcdTAxMDNuIGJcdTFlYTNuIFwiXHUwMTEwb1x1MWVhMW4gMVwiLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIENoXHUxZWM5IFx1MDExMW9cdTFlYTFuIHZcdTAxMDNuIGJcdTFlYTNuIFwiXHUwMTEwb1x1MWVhMW4gMlwiLjxcL2xpPlxyXG48bGk+Qy4gQ1x1MWVhMyBoYWkgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gXCJcdTAxMTBvXHUxZWExbiAxXCIgdlx1MDBlMCBcIlx1MDExMG9cdTFlYTFuIDJcIi48XC9saT5cclxuPGxpPkQuIEtoXHUwMGY0bmcgY1x1MDBmMyBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiBiXHUxZWEzbiBuXHUwMGUwby48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNzogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtpXHUxZWMzdSBDU1MgY2hcdTFlYzkgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIGNcdTAwZTFjIHRoXHUxZWJiIGA8YT5gIChsaVx1MDBlYW4ga1x1MWViZnQpIGNcdTAwZjMgbFx1MWVkYnAgbFx1MDBlMCBgbnV0YCB2XHUwMGUwIFx1MDExMVx1MWVkM25nIHRoXHUxZWRkaSBjXHUwMGYzIGxcdTFlZGJwIGxcdTAwZTAgYGhvYXRfZG9uZ2AuIENcdTAwZmEgcGhcdTAwZTFwIENTUyBuXHUwMGUwbyBsXHUwMGUwIGNoXHUwMGVkbmggeFx1MDBlMWM/XHJcbjx1bD5cclxuPGxpPkEuIGEubnV0LCAuaG9hdF9kb25nIHsgLi4uIH08XC9saT5cclxuPGxpPkIuIGEgLm51dCAuaG9hdF9kb25nIHsgLi4uIH08XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYS5udXQuaG9hdF9kb25nIHsgLi4uIH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBhW2NsYXNzPTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI4OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTAwZjMgXHUwMTExb1x1MWVhMW4gQ1NTOlxuYGBgY3NzXG4udGhvbmdfYmFvIHtcbiBib3JkZXI6IDFweCBzb2xpZCBibHVlO1xufVxuI3Rob25nX2Jhb19sb2kge1xuIGJvcmRlci1jb2xvcjogcmVkO1xufVxuYGBgXG5WXHUwMGUwIEhUTUw6IGA8ZGl2IGNsYXNzPVxyXG48dWw+XHJcbjxsaT5BLiBYYW5oIGRcdTAxYjBcdTAxYTFuZyAoYmx1ZSk8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gXHUwMTEwXHUxZWNmIChyZWQpPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gXHUwMTEwZW4gKGJsYWNrKSAtIE1cdTFlYjdjIFx1MDExMVx1MWVjYm5oPFwvbGk+XHJcbjxsaT5ELiBLaFx1MDBmNG5nIGNcdTAwZjMgdmlcdTFlYzFuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjk6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraVx1MWVjM3UgQ1NTIFx1MDBlMXAgZFx1MWVlNW5nIGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgbFx1MWVkYnAgYGNhbmhfbGVgIFRSXHUxZWVhIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGxcdTAwZTAgdGhcdTFlYmIgYGRpdmAuIEJcdTFlYTFuIGNcdTAwZjMgdGhcdTFlYzMgc1x1MWVlZCBkXHUxZWU1bmcga1x1MWViZnQgaFx1MWVlM3AgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gLmNhbmhfbGU8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBkaXYgLmNhbmhfbGU8XC9saT5cclxuPGxpPkMuICNjYW5oX2xlPFwvbGk+XHJcbjxsaT5ELiBkaXYjY2FuaF9sZTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDMwOiBWaVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgcXVcdTAwZTEgbmhpXHUxZWMxdSBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIChgI2ApIHRyb25nIENTUyBjXHUwMGYzIHRoXHUxZWMzIGRcdTFlYWJuIFx1MDExMVx1MWViZm4gdlx1MWVhNW4gXHUwMTExXHUxZWMxIGdcdTAwZWMgdlx1MWVjMSBraFx1MWVhMyBuXHUwMTAzbmcgYlx1MWVhM28gdHJcdTAwZWMgdlx1MDBlMCB0XHUwMGUxaSBzXHUxZWVkIGRcdTFlZTVuZyBtXHUwMGUzP1xyXG48dWw+XHJcbjxsaT5BLiBUcmFuZyB3ZWIgc1x1MWViZCB0XHUxZWEzaSBjaFx1MWVhZG0gaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT5CLiBDXHUwMGUxYyB0clx1MDBlY25oIGR1eVx1MWVjN3QgY1x1MDE2OSBraFx1MDBmNG5nIGhcdTFlZDcgdHJcdTFlZTMgYlx1MWVkOSBjaFx1MWVjZG4gSUQuPFwvbGk+XHJcbjxsaT5DLiBDXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBiXHUxZWIxbmcgSUQga2hcdTAwZjRuZyB0aFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyB0aFx1MDBlYW0gYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIExcdTAwZTBtIHRcdTAxMDNuZyBcdTAxMTFcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gY1x1MWVlN2EgQ1NTLCBnXHUwMGUyeSBraFx1MDBmMyBraFx1MDEwM24ga2hpIGdoaSBcdTAxMTFcdTAwZTggaG9cdTFlYjdjIHRcdTAwZTFpIHNcdTFlZWQgZFx1MWVlNW5nIGtpXHUxZWMzdSBkXHUwMGUxbmcuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG4iLCJxdWl6X2ltYWdlIjpudWxsLCJxdWl6X2NhdGVnb3J5X2lkIjoiMzIxOSIsInF1ZXN0aW9uX2lkcyI6Ijg4MzA2MCw4ODMwNjEsODgzMDYyLDg4MzA2Myw4ODMwNjQsODgzMDY1LDg4MzA2Niw4ODMwNjcsODgzMDY4LDg4MzA2OSw4ODMwNzAsODgzMDcxLDg4MzA3Miw4ODMwNzMsODgzMDc0LDg4MzA3NSw4ODMwNzYsODgzMDc3LDg4MzA3OCw4ODMwNzksODgzMDgwLDg4MzA4MSw4ODMwODIsODgzMDgzLDg4MzA4NCw4ODMwODUsODgzMDg2LDg4MzA4Nyw4ODMwODgsODgzMDg5Iiwib3JkZXJpbmciOiIyOTU4OCIsInB1Ymxpc2hlZCI6IjEiLCJjcmVhdGVfZGF0ZSI6bnVsbCwicXVpel91cmwiOm51bGwsImludGVydmFscyI6Ilt7XCJpbnRlcnZhbF9taW5cIjpcIjBcIixcImludGVydmFsX21heFwiOlwiMjVcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkFcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCIyNlwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI1MFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQlwifSx7XCJpbnRlcnZhbF9taW5cIjpcIjUxXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjc1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJDXCJ9LHtcImludGVydmFsX21pblwiOlwiNzZcIixcImludGVydmFsX21heFwiOlwiMTAwXCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJEXCJ9XSIsImlzX3VzZXJfbG9nZ2VkX2luIjpmYWxzZSwicXVpel9hbmltYXRpb25fdG9wIjoxMDAsInF1aXpfZW5hYmxlX2FuaW1hdGlvbl90b3AiOiJvbiIsInN0b3JlX2FsbF9ub3RfZmluaXNoZWRfcmVzdWx0cyI6ZmFsc2V9'; </script> <input type='hidden' name='quiz_id' value='29588'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_29588' value='45d85a0ccb'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-30526'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_30526' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 04</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 04</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p> <div class="question-block"> <p>Câu 1: Trong CSS, bộ chọn lớp (class selector) được sử dụng để áp dụng kiểu cho các phần tử HTML. Cú pháp khai báo bộ chọn lớp trong tệp CSS là gì?</p> <ul> <li>A. #ten-lop { ... }</li> <li><strong>B. .ten-lop { ... }</strong></li> <li>C. ten-lop { ... }</li> <li>D. <class>ten-lop</class> { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 2: Trong CSS, bộ chọn định danh (ID selector) được sử dụng để áp dụng kiểu cho một phần tử HTML <i>duy nhất</i> trên trang. Cú pháp khai báo bộ chọn định danh trong tệp CSS là gì?</p> <ul> <li>A. .ten-id { ... }</li> <li>B. id(ten-id) { ... }</li> <li><strong>C. #ten-id { ... }</strong></li> <li>D. ten-id { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 3: Để áp dụng một bộ chọn lớp đã khai báo trong CSS (ví dụ: `.highlight`) cho một đoạn văn bản (`</p> <p>`) trong tệp HTML, bạn sử dụng thuộc tính nào của thẻ HTML?</p> <ul> <li><strong>A. class</strong></li> <li>B. id</li> <li>C. style</li> <li>D. name</li> </ul> </div> <div class="question-block"> <p>Câu 4: Để áp dụng một bộ chọn định danh đã khai báo trong CSS (ví dụ: `#main-header`) cho thẻ tiêu đề chính (`</p> <h1>`) trong tệp HTML, bạn sử dụng thuộc tính nào của thẻ HTML?</p> <ul> <li>A. class</li> <li><strong>B. id</strong></li> </ul> </div> <div class="question-block"> <p>Câu 5: Điểm khác biệt cơ bản nhất về mục đích sử dụng giữa bộ chọn lớp và bộ chọn định danh trong CSS là gì?</p> <ul> <li>A. Bộ chọn lớp chỉ áp dụng cho thẻ `div`, còn bộ chọn định danh áp dụng cho tất cả các thẻ.</li> <li>B. Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh.</li> <li>C. Bộ chọn định danh được dùng để thiết kế bố cục, còn bộ chọn lớp dùng để định dạng văn bản.</li> <li><strong>D. Bộ chọn lớp có thể áp dụng cho nhiều phần tử, bộ chọn định danh chỉ áp dụng cho một phần tử duy nhất.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 6: Xét đoạn mã HTML sau: `</p> <p class="intro highlight">Chào mừng bạn!</p> <p>`. Nếu có các quy tắc CSS như sau:<br /> `.intro { color: blue; }`<br /> `.highlight { font-weight: bold; }`<br /> Đoạn văn bản "Chào mừng bạn!" sẽ được định dạng như thế nào?</p> <ul> <li><strong>A. Màu chữ xanh và in đậm.</strong></li> <li>B. Chỉ màu chữ xanh.</li> <li>C. Chỉ in đậm.</li> <li>D. Không có định dạng nào được áp dụng do sử dụng hai lớp cùng lúc.</li> </ul> </div> <div class="question-block"> <p>Câu 7: Khi có hai quy tắc CSS mâu thuẫn áp dụng cho cùng một thuộc tính của một phần tử, quy tắc nào sẽ được ưu tiên (độ đặc hiệu - specificity)? Ví dụ: `#my-element { color: red; }` và `.my-class { color: blue; }` áp dụng cho `</p> <div id="my-element" class="my-class">...</div> <p>`.</p> <ul> <li>A. Quy tắc khai báo sau cùng trong tệp CSS.</li> <li>B. Quy tắc sử dụng bộ chọn lớp.</li> <li><strong>C. Quy tắc sử dụng bộ chọn định danh.</strong></li> <li>D. Quy tắc có ít thuộc tính hơn.</li> </ul> </div> <div class="question-block"> <p>Câu 8: Bạn muốn định dạng <i>tất cả</i> các đoạn văn bản (`</p> <p>`) có nội dung cảnh báo bằng màu đỏ. Bộ chọn CSS phù hợp nhất để sử dụng là gì?</p> <ul> <li>A. Bộ chọn định danh cho mỗi đoạn cảnh báo.</li> <li><strong>B. Bộ chọn lớp áp dụng cho các đoạn cảnh báo.</strong></li> <li>C. Bộ chọn phần tử `p`.</li> <li>D. Sử dụng thuộc tính `style` trực tiếp trên mỗi thẻ ` <p>`.</li> </ul> </div> <div class="question-block"> <p>Câu 9: Bạn muốn tạo một kiểu định dạng đặc biệt chỉ áp dụng cho phần tử tiêu đề chính duy nhất trên trang web của bạn (thẻ `</p> <h1>`). Bộ chọn CSS nào là lựa chọn tốt nhất?</p> <ul> <li>A. Bộ chọn lớp áp dụng cho thẻ `<br /> <h1>`.</li> <li>B. Bộ chọn phần tử `h1`.</li> <li><strong>C. Bộ chọn định danh áp dụng cho thẻ `<br /> <h1>`.</strong></li> <li>D. Kết hợp bộ chọn phần tử và bộ chọn lớp (`h1.main-title`).</li> </ul> </div> <div class="question-block"> <p>Câu 10: Xét đoạn mã HTML: `</p> <div id="sidebar" class="widget">Nội dung</div> <p>`. Để viết quy tắc CSS nhắm mục tiêu chính xác đến phần tử `div` này bằng cách sử dụng cả loại thẻ và định danh, bạn sẽ viết bộ chọn như thế nào?</p> <ul> <li><strong>A. div#sidebar</strong></li> <li>B. #sidebar.div</li> <li>C. div .sidebar</li> <li>D. div, #sidebar</li> </ul> </div> <div class="question-block"> <p>Câu 11: Xét đoạn mã HTML: `</p> <p class="note important">Lưu ý quan trọng</p> <p>`. Để viết quy tắc CSS nhắm mục tiêu chính xác đến phần tử `p` này bằng cách sử dụng loại thẻ và cả hai lớp của nó, bạn sẽ viết bộ chọn như thế nào?</p> <ul> <li>A. p.note, p.important</li> <li>B. p .note .important</li> <li>C. p (note important)</li> <li><strong>D. p.note.important</strong></li> </ul> </div> <div class="question-block"> <p>Câu 12: Một nhà phát triển web muốn tạo một nút bấm có kiểu dáng chung (ví dụ: màu nền xám, chữ trắng) và một số nút có kiểu dáng bổ sung (ví dụ: nút "Lưu" có viền xanh, nút "Xóa" có viền đỏ). Cách tốt nhất để sử dụng bộ chọn lớp là gì?</p> <ul> <li><strong>A. Sử dụng một lớp chung cho tất cả các nút (`.button`) và các lớp bổ sung (`.save`, `.delete`) cho kiểu đặc trưng, áp dụng nhiều lớp cho cùng một nút.</strong></li> <li>B. Sử dụng một ID duy nhất cho mỗi loại nút.</li> <li>C. Sử dụng thuộc tính `style` trực tiếp trên mỗi nút.</li> <li>D. Chỉ sử dụng một lớp duy nhất cho mỗi loại nút (ví dụ: `.save-button`, `.delete-button`).</li> </ul> </div> <div class="question-block"> <p>Câu 13: Điều gì xảy ra nếu bạn khai báo hai phần tử HTML khác nhau trên cùng một trang có cùng một giá trị cho thuộc tính `id`? Ví dụ: `</p> <div id="header">...</div> <p>` và `</p> <footer id="header">...</footer> <p>`.</p> <ul> <li>A. Chỉ phần tử khai báo đầu tiên nhận được kiểu CSS áp dụng cho ID đó.</li> <li>B. Trang web sẽ bị lỗi và không hiển thị.</li> <li><strong>C. Đây là không hợp lệ theo tiêu chuẩn HTML, mặc dù trình duyệt có thể vẫn áp dụng kiểu nhưng không đảm bảo hành vi nhất quán và gây khó khăn khi dùng JavaScript.</strong></li> <li>D. Cả hai phần tử đều nhận được kiểu CSS áp dụng cho ID đó và đây là cách sử dụng ID thông thường.</li> </ul> </div> <div class="question-block"> <p>Câu 14: Xét đoạn mã HTML và CSS sau:<br /> HTML: `</p> <div id="container"> <p class="text">Paragraph 1</p> </div> <p>`<br /> CSS:<br /> `#container { color: green; }`<br /> `.text { color: blue; }`<br /> Màu chữ của "Paragraph 1" sẽ là gì?</p> <ul> <li>A. Xanh lá (green).</li> <li><strong>B. Xanh dương (blue).</strong></li> <li>C. Mặc định (thường là đen).</li> <li>D. Cả hai màu được áp dụng cùng lúc, tạo ra màu pha trộn.</li> </ul> </div> <div class="question-block"> <p>Câu 15: Bạn muốn tạo một kiểu CSS chỉ áp dụng cho các phần tử `<span>` có lớp là `highlight`. Bộ chọn nào sau đây là chính xác?</p> <ul> <li>A. .highlight span</li> <li>B. span, .highlight</li> <li><strong>C. span.highlight</strong></li> <li>D. #highlight span</li> </ul> </div> <div class="question-block"> <p>Câu 16: Bạn muốn tạo một kiểu CSS chỉ áp dụng cho phần tử `</p> <div>` có định danh là `footer`. Bộ chọn nào sau đây là chính xác?</p> <ul> <li><strong>A. div#footer</strong></li> <li>B. #footer div</li> <li>C. div, #footer</li> <li>D. .div #footer</li> </ul> </div> <div class="question-block"> <p>Câu 17: Khi đặt tên cho bộ chọn lớp hoặc bộ chọn định danh trong CSS, tên đó không được bắt đầu bằng ký tự nào?</p> <ul> <li>A. Chữ cái (a-z, A-Z).</li> <li>B. Dấu gạch dưới (_).</li> <li>C. Dấu gạch ngang (-).</li> <li><strong>D. Chữ số (0-9).</strong></li> </ul> </div> <div class="question-block"> <p>Câu 18: Tại sao việc sử dụng bộ chọn định danh (`#id`) để định dạng các phần tử lặp lại (ví dụ: mỗi mục trong danh sách sản phẩm) lại không phải là phương pháp tốt?</p> <ul> <li>A. Bộ chọn định danh có độ ưu tiên thấp hơn bộ chọn phần tử, nên khó áp dụng kiểu.</li> <li><strong>B. Giá trị của thuộc tính `id` phải là duy nhất trong toàn bộ tài liệu HTML.</strong></li> <li>C. Bộ chọn định danh chỉ có thể áp dụng cho thẻ `div`.</li> <li>D. Việc này làm tăng kích thước tệp CSS một cách không cần thiết.</li> </ul> </div> <div class="question-block"> <p>Câu 19: Bạn có một nhóm các hình ảnh nhỏ cần được căn giữa. Thay vì viết CSS cho từng hình ảnh, bạn nên sử dụng bộ chọn nào để nhóm chúng lại và áp dụng cùng một kiểu?</p> <ul> <li><strong>A. Bộ chọn lớp.</strong></li> <li>B. Bộ chọn định danh.</li> <li>C. Bộ chọn phần tử `img`.</li> <li>D. Thuộc tính `style` inline.</li> </ul> </div> <div class="question-block"> <p>Câu 20: Xét đoạn mã HTML và CSS:<br /> HTML: `</p> <div id="main" class="content"> <p class="text">Hello</p> </div> <p>`<br /> CSS:<br /> `#main { background-color: yellow; }`<br /> `.content { border: 1px solid black; }`<br /> `.text { color: red; }`<br /> Phần tử `</p> <p>` sẽ có màu chữ gì và phần tử `</p> <div>` sẽ có kiểu gì?</p> <ul> <li>A. ` <p>` màu vàng, `</p> <div>` màu đỏ.</li> <li>B. ` <p>` màu đen, `</p> <div>` màu vàng có viền đen.</li> <li>C. ` <p>` màu đỏ, `</p> <div>` chỉ có màu vàng.</li> <li><strong>D. ` <p>` màu đỏ, `</p> <div>` màu vàng có viền đen.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 21: Khi sử dụng bộ chọn lớp hoặc định danh, bạn có thể kết hợp chúng với bộ chọn phần tử để tăng độ đặc hiệu (specificity) hoặc nhắm mục tiêu chính xác hơn. Ví dụ `p.intro` chỉ định dạng các thẻ `</p> <p>` có lớp `intro`. Điều này giúp ích gì?</p> <ul> <li>A. Giảm kích thước tệp CSS.</li> <li>B. Làm cho mã HTML dễ đọc hơn.</li> <li><strong>C. Nhắm mục tiêu định dạng chính xác hơn đến các phần tử cụ thể.</strong></li> <li>D. Bắt buộc phải làm vậy nếu muốn áp dụng kiểu cho lớp hoặc ID.</li> </ul> </div> <div class="question-block"> <p>Câu 22: Bạn cần tạo một quy tắc CSS để định dạng một nút bấm duy nhất có ID là "submit-button" và có lớp là "primary". Bộ chọn chính xác nhất là gì?</p> <ul> <li>A. #submit-button, .primary</li> <li>B. .primary #submit-button</li> <li>C. #submit-button .primary</li> <li><strong>D. #submit-button.primary</strong></li> </ul> </div> <div class="question-block"> <p>Câu 23: Giả sử bạn có quy tắc CSS `.error { color: red; }`. HTML nào sau đây sẽ hiển thị văn bản màu đỏ?</p> <ul> <li>A. <div id="error">Lỗi</div> </li> <li><strong>B. <span class="error">Lỗi</span></strong></li> <li>C. <p name="error">Lỗi</p> </li> <li>D.<br /> <h1>error</h1> </li> </ul> </div> <div class="question-block"> <p>Câu 24: Giả sử bạn có quy tắc CSS `#page-title { font-size: 24px; }`. HTML nào sau đây sẽ hiển thị văn bản với cỡ chữ 24px?</p> <ul> <li>A.<br /> <h1 class="page-title">Tiêu đề</h1> </li> <li>B. <p id="page_title">Tiêu đề</p> </li> <li><strong>C.<br /> <h2 id="page-title">Tiêu đề</h2> <p></strong></li> <li>D. <span>page-title</span></li> </ul> </div> <div class="question-block"> <p>Câu 25: Bạn có một danh sách (`</p> <ul>`) và muốn định dạng riêng mục đầu tiên (`</p> <li>`) trong danh sách đó. Giả sử danh sách có ID là `my-list`. Cách tốt nhất để áp dụng kiểu cho mục đầu tiên là gì? <ul> <li><strong>A. Gán một lớp (ví dụ: `class="first-item"`) cho thẻ ` <li>` đầu tiên và sử dụng bộ chọn `.first-item`.</strong></li> <li>B. Gán cùng một ID (ví dụ: `id="first-item"`) cho tất cả các thẻ ` <li>` đầu tiên của các danh sách.</li> <li>C. Sử dụng bộ chọn phần tử `li`.</li> <li>D. Chỉ sử dụng bộ chọn ID của danh sách (`#my-list`).</li> </ul> </div> <div class="question-block"> <p>Câu 26: Xét đoạn mã CSS:<br /> `.box { padding: 10px; }`<br /> `#main-box { border: 1px solid blue; }`<br /> HTML: `</p> <div id="main-box" class="box">Nội dung hộp</div> <p>`<br /> Phần tử `</p> <div>` này sẽ có kiểu gì?</p> <ul> <li>A. Chỉ có padding 10px.</li> <li>B. Chỉ có border 1px solid blue.</li> <li><strong>C. Có padding 10px và border 1px solid blue.</strong></li> <li>D. Không có kiểu nào được áp dụng do xung đột.</li> </ul> </div> <div class="question-block"> <p>Câu 27: Điều nào sau đây là <i>sai</i> khi nói về tên của bộ chọn lớp và bộ chọn định danh trong CSS?</p> <ul> <li>A. Có thể chứa chữ cái (a-z, A-Z).</li> <li>B. Có thể chứa chữ số (0-9), nhưng không được bắt đầu bằng chữ số.</li> <li>C. Có thể chứa dấu gạch dưới (_) và dấu gạch ngang (-).</li> <li><strong>D. Có thể chứa khoảng trắng để phân tách các từ.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 28: Bạn có một bảng dữ liệu và muốn định dạng riêng hàng tiêu đề (`</p> <th>`) và các hàng dữ liệu (`</p> <td>`). Bạn nên sử dụng loại bộ chọn nào để linh hoạt áp dụng kiểu cho các loại ô khác nhau này?</p> <ul> <li><strong>A. Bộ chọn lớp (ví dụ: `.header-cell`, `.data-cell`).</strong></li> <li>B. Bộ chọn định danh cho mỗi ô.</li> <li>C. Chỉ sử dụng bộ chọn phần tử `th` và `td`.</li> <li>D. Sử dụng thuộc tính `style` trực tiếp trên mỗi ô.</li> </ul> </div> <div class="question-block"> <p>Câu 29: Xét tình huống bạn muốn tạo một kiểu CSS cho tất cả các liên kết (`<a>`) nằm bên trong một phần tử `</p> <div>` cụ thể có ID là `navigation`. Bộ chọn nào sau đây là phù hợp nhất?</p> <ul> <li>A. a#navigation</li> <li><strong>B. #navigation a</strong></li> <li>C. .navigation a</li> <li>D. div a#navigation</li> </ul> </div> <div class="question-block"> <p>Câu 30: Giả sử bạn có một form nhập liệu và muốn đánh dấu các trường bắt buộc bằng một viền đỏ. Bạn nên sử dụng loại bộ chọn nào để dễ dàng áp dụng kiểu này cho các trường nhập liệu (`<input>`, `<textarea>`) cần thiết?</p> <ul> <li><strong>A. Bộ chọn lớp (ví dụ: `.required`).</strong></li> <li>B. Bộ chọn định danh cho mỗi trường bắt buộc.</li> <li>C. Bộ chọn phần tử (`input`, `textarea`).</li> <li>D. Sử dụng bộ chọn `[required]` (bộ chọn thuộc tính - ngoài phạm vi bài này nhưng là một khả năng khác).</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='30526'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-10-bo-chon-lop-bo-chon-dinh-danh-canh-dieu/'/> <input type='hidden' name='ays_quiz_questions' value='911145,911146,911147,911148,911149,911150,911151,911152,911153,911154,911155,911156,911157,911158,911159,911160,911161,911162,911163,911164,911165,911166,911167,911168,911169,911170,911171,911172,911173,911174'> </div> </div><div class='step ' data-question-id='911145' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Trong CSS, bộ chọn lớp (class selector) được sử dụng để áp dụng kiểu cho các phần tử HTML. Cú pháp khai báo bộ chọn lớp trong tệp CSS là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911145]' id='ays-answer-3664657-30526' value='3664657'/> <label for='ays-answer-3664657-30526' class=' ays_position_initial ays-quiz-keyboard-label'>#ten-lop { ... }</label><label for='ays-answer-3664657-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911145]' id='ays-answer-3664658-30526' value='3664658'/> <label for='ays-answer-3664658-30526' class=' ays_position_initial ays-quiz-keyboard-label'>.ten-lop { ... }</label><label for='ays-answer-3664658-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911145]' id='ays-answer-3664659-30526' value='3664659'/> <label for='ays-answer-3664659-30526' class=' ays_position_initial ays-quiz-keyboard-label'>ten-lop { ... }</label><label for='ays-answer-3664659-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911145]' id='ays-answer-3664660-30526' value='3664660'/> <label for='ays-answer-3664660-30526' class=' ays_position_initial ays-quiz-keyboard-label'><class>ten-lop</class> { ... }</label><label for='ays-answer-3664660-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911145'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDY1NyI6IjAiLCIzNjY0NjU4IjoiMSIsIjM2NjQ2NTkiOiIwIiwiMzY2NDY2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp trong CSS luôn bắt đầu bằng dấu chấm (.), theo sau là tên lớp do người dùng đặt.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911146' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Trong CSS, bộ chọn định danh (ID selector) được sử dụng để áp dụng kiểu cho một phần tử HTML *duy nhất* trên trang. Cú pháp khai báo bộ chọn định danh trong tệp CSS là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911146]' id='ays-answer-3664661-30526' value='3664661'/> <label for='ays-answer-3664661-30526' class=' ays_position_initial ays-quiz-keyboard-label'>.ten-id { ... }</label><label for='ays-answer-3664661-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911146]' id='ays-answer-3664662-30526' value='3664662'/> <label for='ays-answer-3664662-30526' class=' ays_position_initial ays-quiz-keyboard-label'>id(ten-id) { ... }</label><label for='ays-answer-3664662-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911146]' id='ays-answer-3664663-30526' value='3664663'/> <label for='ays-answer-3664663-30526' class=' ays_position_initial ays-quiz-keyboard-label'>#ten-id { ... }</label><label for='ays-answer-3664663-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911146]' id='ays-answer-3664664-30526' value='3664664'/> <label for='ays-answer-3664664-30526' class=' ays_position_initial ays-quiz-keyboard-label'>ten-id { ... }</label><label for='ays-answer-3664664-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911146'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDY2MSI6IjAiLCIzNjY0NjYyIjoiMCIsIjM2NjQ2NjMiOiIxIiwiMzY2NDY2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn định danh trong CSS luôn bắt đầu bằng dấu thăng (#), theo sau là giá trị của thuộc tính `id` trên phần tử HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911147' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Để áp dụng một bộ chọn lớp đã khai báo trong CSS (ví dụ: `.highlight`) cho một đoạn văn bản (`</p> <p>`) trong tệp HTML, bạn sử dụng thuộc tính nào của thẻ HTML?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911147]' id='ays-answer-3664665-30526' value='3664665'/> <label for='ays-answer-3664665-30526' class=' ays_position_initial ays-quiz-keyboard-label'>class</label><label for='ays-answer-3664665-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911147]' id='ays-answer-3664666-30526' value='3664666'/> <label for='ays-answer-3664666-30526' class=' ays_position_initial ays-quiz-keyboard-label'>id</label><label for='ays-answer-3664666-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911147]' id='ays-answer-3664667-30526' value='3664667'/> <label for='ays-answer-3664667-30526' class=' ays_position_initial ays-quiz-keyboard-label'>style</label><label for='ays-answer-3664667-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911147]' id='ays-answer-3664668-30526' value='3664668'/> <label for='ays-answer-3664668-30526' class=' ays_position_initial ays-quiz-keyboard-label'>name</label><label for='ays-answer-3664668-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911147'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDY2NSI6IjEiLCIzNjY0NjY2IjoiMCIsIjM2NjQ2NjciOiIwIiwiMzY2NDY2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `class` trong thẻ HTML được sử dụng để liên kết phần tử đó với một hoặc nhiều bộ chọn lớp trong CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911148' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Để áp dụng một bộ chọn định danh đã khai báo trong CSS (ví dụ: `#main-header`) cho thẻ tiêu đề chính (`</p> <h1>`) trong tệp HTML, bạn sử dụng thuộc tính nào của thẻ HTML?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911148'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `id` trong thẻ HTML được sử dụng để gán một định danh duy nhất cho phần tử đó, cho phép bộ chọn định danh trong CSS nhắm mục tiêu đến nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911149' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Điểm khác biệt cơ bản nhất về mục đích sử dụng giữa bộ chọn lớp và bộ chọn định danh trong CSS là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911149]' id='ays-answer-3664669-30526' value='3664669'/> <label for='ays-answer-3664669-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp chỉ áp dụng cho thẻ `div`, còn bộ chọn định danh áp dụng cho tất cả các thẻ.</label><label for='ays-answer-3664669-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911149]' id='ays-answer-3664670-30526' value='3664670'/> <label for='ays-answer-3664670-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh.</label><label for='ays-answer-3664670-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911149]' id='ays-answer-3664671-30526' value='3664671'/> <label for='ays-answer-3664671-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh được dùng để thiết kế bố cục, còn bộ chọn lớp dùng để định dạng văn bản.</label><label for='ays-answer-3664671-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911149]' id='ays-answer-3664672-30526' value='3664672'/> <label for='ays-answer-3664672-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp có thể áp dụng cho nhiều phần tử, bộ chọn định danh chỉ áp dụng cho một phần tử duy nhất.</label><label for='ays-answer-3664672-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911149'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDY2OSI6IjAiLCIzNjY0NjcwIjoiMCIsIjM2NjQ2NzEiOiIwIiwiMzY2NDY3MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp có thể được áp dụng cho nhiều phần tử trên cùng một trang, trong khi bộ chọn định danh chỉ nên được sử dụng cho một phần tử duy nhất trên trang đó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911150' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Xét đoạn mã HTML sau: `</p> <p class='intro highlight'>Chào mừng bạn!</p> <p>`. Nếu có các quy tắc CSS như sau:<br /> `.intro { color: blue; }`<br /> `.highlight { font-weight: bold; }`<br /> Đoạn văn bản 'Chào mừng bạn!' sẽ được định dạng như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911150]' id='ays-answer-3664673-30526' value='3664673'/> <label for='ays-answer-3664673-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Màu chữ xanh và in đậm.</label><label for='ays-answer-3664673-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911150]' id='ays-answer-3664674-30526' value='3664674'/> <label for='ays-answer-3664674-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ màu chữ xanh.</label><label for='ays-answer-3664674-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911150]' id='ays-answer-3664675-30526' value='3664675'/> <label for='ays-answer-3664675-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ in đậm.</label><label for='ays-answer-3664675-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911150]' id='ays-answer-3664676-30526' value='3664676'/> <label for='ays-answer-3664676-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Không có định dạng nào được áp dụng do sử dụng hai lớp cùng lúc.</label><label for='ays-answer-3664676-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911150'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDY3MyI6IjEiLCIzNjY0Njc0IjoiMCIsIjM2NjQ2NzUiOiIwIiwiMzY2NDY3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Một phần tử HTML có thể có nhiều lớp. Các lớp này được liệt kê trong thuộc tính `class` và phân tách bằng dấu cách. Phần tử sẽ nhận tất cả các kiểu định dạng từ các lớp được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911151' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Khi có hai quy tắc CSS mâu thuẫn áp dụng cho cùng một thuộc tính của một phần tử, quy tắc nào sẽ được ưu tiên (độ đặc hiệu - specificity)? Ví dụ: `#my-element { color: red; }` và `.my-class { color: blue; }` áp dụng cho `</p> <div id='my-element' class='my-class'>...</div> <p>`.</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911151]' id='ays-answer-3664677-30526' value='3664677'/> <label for='ays-answer-3664677-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Quy tắc khai báo sau cùng trong tệp CSS.</label><label for='ays-answer-3664677-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911151]' id='ays-answer-3664678-30526' value='3664678'/> <label for='ays-answer-3664678-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Quy tắc sử dụng bộ chọn lớp.</label><label for='ays-answer-3664678-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911151]' id='ays-answer-3664679-30526' value='3664679'/> <label for='ays-answer-3664679-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Quy tắc sử dụng bộ chọn định danh.</label><label for='ays-answer-3664679-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911151]' id='ays-answer-3664680-30526' value='3664680'/> <label for='ays-answer-3664680-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Quy tắc có ít thuộc tính hơn.</label><label for='ays-answer-3664680-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911151'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDY3NyI6IjAiLCIzNjY0Njc4IjoiMCIsIjM2NjQ2NzkiOiIxIiwiMzY2NDY4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Trong hệ thống độ đặc hiệu của CSS, bộ chọn định danh (#id) có độ ưu tiên cao hơn bộ chọn lớp (.class), và bộ chọn lớp có độ ưu tiên cao hơn bộ chọn phần tử (element). Do đó, quy tắc sử dụng bộ chọn định danh sẽ được ưu tiên.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911152' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn muốn định dạng *tất cả* các đoạn văn bản (`</p> <p>`) có nội dung cảnh báo bằng màu đỏ. Bộ chọn CSS phù hợp nhất để sử dụng là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911152]' id='ays-answer-3664681-30526' value='3664681'/> <label for='ays-answer-3664681-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh cho mỗi đoạn cảnh báo.</label><label for='ays-answer-3664681-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911152]' id='ays-answer-3664682-30526' value='3664682'/> <label for='ays-answer-3664682-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp áp dụng cho các đoạn cảnh báo.</label><label for='ays-answer-3664682-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911152]' id='ays-answer-3664683-30526' value='3664683'/> <label for='ays-answer-3664683-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử `p`.</label><label for='ays-answer-3664683-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911152]' id='ays-answer-3664684-30526' value='3664684'/> <label for='ays-answer-3664684-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `style` trực tiếp trên mỗi thẻ `<p>`.</label><label for='ays-answer-3664684-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911152'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDY4MSI6IjAiLCIzNjY0NjgyIjoiMSIsIjM2NjQ2ODMiOiIwIiwiMzY2NDY4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp cho phép nhóm các phần tử có cùng mục đích hoặc kiểu dáng, bất kể loại thẻ HTML của chúng. Sử dụng lớp 'warning' là cách linh hoạt nhất để đánh dấu và định dạng các đoạn văn bản cảnh báo.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911153' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Bạn muốn tạo một kiểu định dạng đặc biệt chỉ áp dụng cho phần tử tiêu đề chính duy nhất trên trang web của bạn (thẻ `</p> <h1>`). Bộ chọn CSS nào là lựa chọn tốt nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911153]' id='ays-answer-3664685-30526' value='3664685'/> <label for='ays-answer-3664685-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp áp dụng cho thẻ `<h1>`.</label><label for='ays-answer-3664685-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911153]' id='ays-answer-3664686-30526' value='3664686'/> <label for='ays-answer-3664686-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử `h1`.</label><label for='ays-answer-3664686-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911153]' id='ays-answer-3664687-30526' value='3664687'/> <label for='ays-answer-3664687-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh áp dụng cho thẻ `<h1>`.</label><label for='ays-answer-3664687-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911153]' id='ays-answer-3664688-30526' value='3664688'/> <label for='ays-answer-3664688-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Kết hợp bộ chọn phần tử và bộ chọn lớp (`h1.main-title`).</label><label for='ays-answer-3664688-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911153'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDY4NSI6IjAiLCIzNjY0Njg2IjoiMCIsIjM2NjQ2ODciOiIxIiwiMzY2NDY4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn định danh được thiết kế để nhắm mục tiêu đến một phần tử duy nhất trên trang, rất phù hợp cho các thành phần cấu trúc chính như tiêu đề chính, footer, sidebar, v.v.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911154' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Xét đoạn mã HTML: `</p> <div id='sidebar' class='widget'>Nội dung</div> <p>`. Để viết quy tắc CSS nhắm mục tiêu chính xác đến phần tử `div` này bằng cách sử dụng cả loại thẻ và định danh, bạn sẽ viết bộ chọn như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911154]' id='ays-answer-3664689-30526' value='3664689'/> <label for='ays-answer-3664689-30526' class=' ays_position_initial ays-quiz-keyboard-label'>div#sidebar</label><label for='ays-answer-3664689-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911154]' id='ays-answer-3664690-30526' value='3664690'/> <label for='ays-answer-3664690-30526' class=' ays_position_initial ays-quiz-keyboard-label'>#sidebar.div</label><label for='ays-answer-3664690-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911154]' id='ays-answer-3664691-30526' value='3664691'/> <label for='ays-answer-3664691-30526' class=' ays_position_initial ays-quiz-keyboard-label'>div .sidebar</label><label for='ays-answer-3664691-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911154]' id='ays-answer-3664692-30526' value='3664692'/> <label for='ays-answer-3664692-30526' class=' ays_position_initial ays-quiz-keyboard-label'>div, #sidebar</label><label for='ays-answer-3664692-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911154'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDY4OSI6IjEiLCIzNjY0NjkwIjoiMCIsIjM2NjQ2OTEiOiIwIiwiMzY2NDY5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bạn có thể kết hợp bộ chọn phần tử với bộ chọn định danh (hoặc bộ chọn lớp) để nhắm mục tiêu cụ thể hơn. Cú pháp là `element#id` hoặc `element.class`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911155' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Xét đoạn mã HTML: `</p> <p class='note important'>Lưu ý quan trọng</p> <p>`. Để viết quy tắc CSS nhắm mục tiêu chính xác đến phần tử `p` này bằng cách sử dụng loại thẻ và cả hai lớp của nó, bạn sẽ viết bộ chọn như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911155]' id='ays-answer-3664693-30526' value='3664693'/> <label for='ays-answer-3664693-30526' class=' ays_position_initial ays-quiz-keyboard-label'>p.note, p.important</label><label for='ays-answer-3664693-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911155]' id='ays-answer-3664694-30526' value='3664694'/> <label for='ays-answer-3664694-30526' class=' ays_position_initial ays-quiz-keyboard-label'>p .note .important</label><label for='ays-answer-3664694-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911155]' id='ays-answer-3664695-30526' value='3664695'/> <label for='ays-answer-3664695-30526' class=' ays_position_initial ays-quiz-keyboard-label'>p (note important)</label><label for='ays-answer-3664695-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911155]' id='ays-answer-3664696-30526' value='3664696'/> <label for='ays-answer-3664696-30526' class=' ays_position_initial ays-quiz-keyboard-label'>p.note.important</label><label for='ays-answer-3664696-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911155'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDY5MyI6IjAiLCIzNjY0Njk0IjoiMCIsIjM2NjQ2OTUiOiIwIiwiMzY2NDY5NiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để nhắm mục tiêu đến một phần tử có nhiều lớp, bạn kết hợp bộ chọn phần tử với các tên lớp, viết liền nhau không có dấu cách giữa các tên lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911156' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Một nhà phát triển web muốn tạo một nút bấm có kiểu dáng chung (ví dụ: màu nền xám, chữ trắng) và một số nút có kiểu dáng bổ sung (ví dụ: nút 'Lưu' có viền xanh, nút 'Xóa' có viền đỏ). Cách tốt nhất để sử dụng bộ chọn lớp là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911156]' id='ays-answer-3664697-30526' value='3664697'/> <label for='ays-answer-3664697-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng một lớp chung cho tất cả các nút (`.button`) và các lớp bổ sung (`.save`, `.delete`) cho kiểu đặc trưng, áp dụng nhiều lớp cho cùng một nút.</label><label for='ays-answer-3664697-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911156]' id='ays-answer-3664698-30526' value='3664698'/> <label for='ays-answer-3664698-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng một ID duy nhất cho mỗi loại nút.</label><label for='ays-answer-3664698-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911156]' id='ays-answer-3664699-30526' value='3664699'/> <label for='ays-answer-3664699-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `style` trực tiếp trên mỗi nút.</label><label for='ays-answer-3664699-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911156]' id='ays-answer-3664700-30526' value='3664700'/> <label for='ays-answer-3664700-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng một lớp duy nhất cho mỗi loại nút (ví dụ: `.save-button`, `.delete-button`).</label><label for='ays-answer-3664700-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911156'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDY5NyI6IjEiLCIzNjY0Njk4IjoiMCIsIjM2NjQ2OTkiOiIwIiwiMzY2NDcwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Sử dụng nhiều lớp là cách linh hoạt để kết hợp các kiểu dáng khác nhau. Một lớp chung (`.button`) cho kiểu cơ bản và các lớp bổ sung (`.save`, `.delete`) cho các kiểu đặc trưng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911157' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Điều gì xảy ra nếu bạn khai báo hai phần tử HTML khác nhau trên cùng một trang có cùng một giá trị cho thuộc tính `id`? Ví dụ: `</p> <div id='header'>...</div> <p>` và `</p> <footer id='header'>...</footer> <p>`.</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911157]' id='ays-answer-3664701-30526' value='3664701'/> <label for='ays-answer-3664701-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ phần tử khai báo đầu tiên nhận được kiểu CSS áp dụng cho ID đó.</label><label for='ays-answer-3664701-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911157]' id='ays-answer-3664702-30526' value='3664702'/> <label for='ays-answer-3664702-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Trang web sẽ bị lỗi và không hiển thị.</label><label for='ays-answer-3664702-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911157]' id='ays-answer-3664703-30526' value='3664703'/> <label for='ays-answer-3664703-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Đây là không hợp lệ theo tiêu chuẩn HTML, mặc dù trình duyệt có thể vẫn áp dụng kiểu nhưng không đảm bảo hành vi nhất quán và gây khó khăn khi dùng JavaScript.</label><label for='ays-answer-3664703-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911157]' id='ays-answer-3664704-30526' value='3664704'/> <label for='ays-answer-3664704-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Cả hai phần tử đều nhận được kiểu CSS áp dụng cho ID đó và đây là cách sử dụng ID thông thường.</label><label for='ays-answer-3664704-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911157'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDcwMSI6IjAiLCIzNjY0NzAyIjoiMCIsIjM2NjQ3MDMiOiIxIiwiMzY2NDcwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `id` được thiết kế để là duy nhất trên toàn bộ tài liệu HTML. Mặc dù trình duyệt có thể vẫn áp dụng kiểu CSS cho cả hai phần tử, nhưng hành vi này là không chuẩn và có thể gây ra lỗi hoặc kết quả không mong muốn, đặc biệt là khi sử dụng JavaScript.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911158' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Xét đoạn mã HTML và CSS sau:<br /> HTML: `</p> <div id='container'> <p class='text'>Paragraph 1</p> </div> <p>`<br /> CSS:<br /> `#container { color: green; }`<br /> `.text { color: blue; }`<br /> Màu chữ của 'Paragraph 1' sẽ là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911158]' id='ays-answer-3664705-30526' value='3664705'/> <label for='ays-answer-3664705-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Xanh lá (green).</label><label for='ays-answer-3664705-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911158]' id='ays-answer-3664706-30526' value='3664706'/> <label for='ays-answer-3664706-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Xanh dương (blue).</label><label for='ays-answer-3664706-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911158]' id='ays-answer-3664707-30526' value='3664707'/> <label for='ays-answer-3664707-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Mặc định (thường là đen).</label><label for='ays-answer-3664707-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911158]' id='ays-answer-3664708-30526' value='3664708'/> <label for='ays-answer-3664708-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Cả hai màu được áp dụng cùng lúc, tạo ra màu pha trộn.</label><label for='ays-answer-3664708-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911158'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDcwNSI6IjAiLCIzNjY0NzA2IjoiMSIsIjM2NjQ3MDciOiIwIiwiMzY2NDcwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Quy tắc `.text` nhắm mục tiêu trực tiếp vào phần tử `</p> <p>` (do nó có lớp 'text'), trong khi quy tắc `#container` nhắm mục tiêu vào phần tử cha (`</p> <div>`) và kiểu `color` được kế thừa. Tuy nhiên, quy tắc nhắm mục tiêu trực tiếp (sử dụng bộ chọn lớp) có độ đặc hiệu cao hơn quy tắc kế thừa, nên màu xanh từ `.text` sẽ được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911159' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Bạn muốn tạo một kiểu CSS chỉ áp dụng cho các phần tử `<span>` có lớp là `highlight`. Bộ chọn nào sau đây là chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911159]' id='ays-answer-3664709-30526' value='3664709'/> <label for='ays-answer-3664709-30526' class=' ays_position_initial ays-quiz-keyboard-label'>.highlight span</label><label for='ays-answer-3664709-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911159]' id='ays-answer-3664710-30526' value='3664710'/> <label for='ays-answer-3664710-30526' class=' ays_position_initial ays-quiz-keyboard-label'>span, .highlight</label><label for='ays-answer-3664710-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911159]' id='ays-answer-3664711-30526' value='3664711'/> <label for='ays-answer-3664711-30526' class=' ays_position_initial ays-quiz-keyboard-label'>span.highlight</label><label for='ays-answer-3664711-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911159]' id='ays-answer-3664712-30526' value='3664712'/> <label for='ays-answer-3664712-30526' class=' ays_position_initial ays-quiz-keyboard-label'>#highlight span</label><label for='ays-answer-3664712-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911159'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDcwOSI6IjAiLCIzNjY0NzEwIjoiMCIsIjM2NjQ3MTEiOiIxIiwiMzY2NDcxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để nhắm mục tiêu đến các phần tử cụ thể có một lớp nhất định, bạn kết hợp bộ chọn phần tử và bộ chọn lớp, viết liền nhau.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911160' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Bạn muốn tạo một kiểu CSS chỉ áp dụng cho phần tử `</p> <div>` có định danh là `footer`. Bộ chọn nào sau đây là chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911160]' id='ays-answer-3664713-30526' value='3664713'/> <label for='ays-answer-3664713-30526' class=' ays_position_initial ays-quiz-keyboard-label'>div#footer</label><label for='ays-answer-3664713-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911160]' id='ays-answer-3664714-30526' value='3664714'/> <label for='ays-answer-3664714-30526' class=' ays_position_initial ays-quiz-keyboard-label'>#footer div</label><label for='ays-answer-3664714-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911160]' id='ays-answer-3664715-30526' value='3664715'/> <label for='ays-answer-3664715-30526' class=' ays_position_initial ays-quiz-keyboard-label'>div, #footer</label><label for='ays-answer-3664715-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911160]' id='ays-answer-3664716-30526' value='3664716'/> <label for='ays-answer-3664716-30526' class=' ays_position_initial ays-quiz-keyboard-label'>.div #footer</label><label for='ays-answer-3664716-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911160'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDcxMyI6IjEiLCIzNjY0NzE0IjoiMCIsIjM2NjQ3MTUiOiIwIiwiMzY2NDcxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để nhắm mục tiêu đến một phần tử cụ thể có một định danh nhất định, bạn kết hợp bộ chọn phần tử và bộ chọn định danh, viết liền nhau.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911161' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Khi đặt tên cho bộ chọn lớp hoặc bộ chọn định danh trong CSS, tên đó không được bắt đầu bằng ký tự nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911161]' id='ays-answer-3664717-30526' value='3664717'/> <label for='ays-answer-3664717-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Chữ cái (a-z, A-Z).</label><label for='ays-answer-3664717-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911161]' id='ays-answer-3664718-30526' value='3664718'/> <label for='ays-answer-3664718-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Dấu gạch dưới (_).</label><label for='ays-answer-3664718-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911161]' id='ays-answer-3664719-30526' value='3664719'/> <label for='ays-answer-3664719-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Dấu gạch ngang (-).</label><label for='ays-answer-3664719-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911161]' id='ays-answer-3664720-30526' value='3664720'/> <label for='ays-answer-3664720-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Chữ số (0-9).</label><label for='ays-answer-3664720-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911161'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDcxNyI6IjAiLCIzNjY0NzE4IjoiMCIsIjM2NjQ3MTkiOiIwIiwiMzY2NDcyMCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Tên lớp và ID trong CSS (và giá trị thuộc tính `class`, `id` trong HTML) không được bắt đầu bằng một chữ số. Chúng có thể bắt đầu bằng chữ cái, dấu gạch dưới (_) hoặc dấu gạch ngang (-).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911162' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Tại sao việc sử dụng bộ chọn định danh (`#id`) để định dạng các phần tử lặp lại (ví dụ: mỗi mục trong danh sách sản phẩm) lại không phải là phương pháp tốt?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911162]' id='ays-answer-3664721-30526' value='3664721'/> <label for='ays-answer-3664721-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh có độ ưu tiên thấp hơn bộ chọn phần tử, nên khó áp dụng kiểu.</label><label for='ays-answer-3664721-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911162]' id='ays-answer-3664722-30526' value='3664722'/> <label for='ays-answer-3664722-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Giá trị của thuộc tính `id` phải là duy nhất trong toàn bộ tài liệu HTML.</label><label for='ays-answer-3664722-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911162]' id='ays-answer-3664723-30526' value='3664723'/> <label for='ays-answer-3664723-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh chỉ có thể áp dụng cho thẻ `div`.</label><label for='ays-answer-3664723-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911162]' id='ays-answer-3664724-30526' value='3664724'/> <label for='ays-answer-3664724-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Việc này làm tăng kích thước tệp CSS một cách không cần thiết.</label><label for='ays-answer-3664724-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911162'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDcyMSI6IjAiLCIzNjY0NzIyIjoiMSIsIjM2NjQ3MjMiOiIwIiwiMzY2NDcyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `id` phải là duy nhất trên toàn bộ tài liệu HTML. Việc sử dụng cùng một ID cho nhiều phần tử là vi phạm tiêu chuẩn HTML và gây ra các vấn đề về tính nhất quán trong hiển thị và tương tác (đặc biệt với JavaScript).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911163' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Bạn có một nhóm các hình ảnh nhỏ cần được căn giữa. Thay vì viết CSS cho từng hình ảnh, bạn nên sử dụng bộ chọn nào để nhóm chúng lại và áp dụng cùng một kiểu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911163]' id='ays-answer-3664725-30526' value='3664725'/> <label for='ays-answer-3664725-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp.</label><label for='ays-answer-3664725-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911163]' id='ays-answer-3664726-30526' value='3664726'/> <label for='ays-answer-3664726-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh.</label><label for='ays-answer-3664726-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911163]' id='ays-answer-3664727-30526' value='3664727'/> <label for='ays-answer-3664727-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử `img`.</label><label for='ays-answer-3664727-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911163]' id='ays-answer-3664728-30526' value='3664728'/> <label for='ays-answer-3664728-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính `style` inline.</label><label for='ays-answer-3664728-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911163'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDcyNSI6IjEiLCIzNjY0NzI2IjoiMCIsIjM2NjQ3MjciOiIwIiwiMzY2NDcyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp cho phép nhóm nhiều phần tử khác nhau (ở đây là các thẻ `<img>`) để áp dụng cùng một bộ quy tắc CSS, rất hiệu quả cho việc tái sử dụng kiểu dáng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911164' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Xét đoạn mã HTML và CSS:<br /> HTML: `</p> <div id='main' class='content'> <p class='text'>Hello</p> </div> <p>`<br /> CSS:<br /> `#main { background-color: yellow; }`<br /> `.content { border: 1px solid black; }`<br /> `.text { color: red; }`<br /> Phần tử `</p> <p>` sẽ có màu chữ gì và phần tử `</p> <div>` sẽ có kiểu gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911164]' id='ays-answer-3664729-30526' value='3664729'/> <label for='ays-answer-3664729-30526' class=' ays_position_initial ays-quiz-keyboard-label'>`<p>` màu vàng, `<div>` màu đỏ.</label><label for='ays-answer-3664729-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911164]' id='ays-answer-3664730-30526' value='3664730'/> <label for='ays-answer-3664730-30526' class=' ays_position_initial ays-quiz-keyboard-label'>`<p>` màu đen, `<div>` màu vàng có viền đen.</label><label for='ays-answer-3664730-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911164]' id='ays-answer-3664731-30526' value='3664731'/> <label for='ays-answer-3664731-30526' class=' ays_position_initial ays-quiz-keyboard-label'>`<p>` màu đỏ, `<div>` chỉ có màu vàng.</label><label for='ays-answer-3664731-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911164]' id='ays-answer-3664732-30526' value='3664732'/> <label for='ays-answer-3664732-30526' class=' ays_position_initial ays-quiz-keyboard-label'>`<p>` màu đỏ, `<div>` màu vàng có viền đen.</label><label for='ays-answer-3664732-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911164'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDcyOSI6IjAiLCIzNjY0NzMwIjoiMCIsIjM2NjQ3MzEiOiIwIiwiMzY2NDczMiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Phần tử `</p> <p>` có lớp 'text', nên nhận màu đỏ từ `.text`. Phần tử `</p> <div>` có ID 'main' và lớp 'content', nên nhận màu nền vàng từ `#main` và viền đen từ `.content`. Cả hai quy tắc `#main` và `.content` đều áp dụng cho `</p> <div>`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911165' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Khi sử dụng bộ chọn lớp hoặc định danh, bạn có thể kết hợp chúng với bộ chọn phần tử để tăng độ đặc hiệu (specificity) hoặc nhắm mục tiêu chính xác hơn. Ví dụ `p.intro` chỉ định dạng các thẻ `</p> <p>` có lớp `intro`. Điều này giúp ích gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911165]' id='ays-answer-3664733-30526' value='3664733'/> <label for='ays-answer-3664733-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Giảm kích thước tệp CSS.</label><label for='ays-answer-3664733-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911165]' id='ays-answer-3664734-30526' value='3664734'/> <label for='ays-answer-3664734-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Làm cho mã HTML dễ đọc hơn.</label><label for='ays-answer-3664734-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911165]' id='ays-answer-3664735-30526' value='3664735'/> <label for='ays-answer-3664735-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Nhắm mục tiêu định dạng chính xác hơn đến các phần tử cụ thể.</label><label for='ays-answer-3664735-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911165]' id='ays-answer-3664736-30526' value='3664736'/> <label for='ays-answer-3664736-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bắt buộc phải làm vậy nếu muốn áp dụng kiểu cho lớp hoặc ID.</label><label for='ays-answer-3664736-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911165'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDczMyI6IjAiLCIzNjY0NzM0IjoiMCIsIjM2NjQ3MzUiOiIxIiwiMzY2NDczNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Kết hợp bộ chọn phần tử với lớp hoặc ID giúp bạn nhắm mục tiêu chính xác hơn. Ví dụ, nếu bạn có cả `div.box` và `p.box`, bạn có thể định dạng chúng khác nhau mặc dù cùng lớp 'box'.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911166' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Bạn cần tạo một quy tắc CSS để định dạng một nút bấm duy nhất có ID là 'submit-button' và có lớp là 'primary'. Bộ chọn chính xác nhất là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911166]' id='ays-answer-3664737-30526' value='3664737'/> <label for='ays-answer-3664737-30526' class=' ays_position_initial ays-quiz-keyboard-label'>#submit-button, .primary</label><label for='ays-answer-3664737-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911166]' id='ays-answer-3664738-30526' value='3664738'/> <label for='ays-answer-3664738-30526' class=' ays_position_initial ays-quiz-keyboard-label'>.primary #submit-button</label><label for='ays-answer-3664738-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911166]' id='ays-answer-3664739-30526' value='3664739'/> <label for='ays-answer-3664739-30526' class=' ays_position_initial ays-quiz-keyboard-label'>#submit-button .primary</label><label for='ays-answer-3664739-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911166]' id='ays-answer-3664740-30526' value='3664740'/> <label for='ays-answer-3664740-30526' class=' ays_position_initial ays-quiz-keyboard-label'>#submit-button.primary</label><label for='ays-answer-3664740-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911166'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDczNyI6IjAiLCIzNjY0NzM4IjoiMCIsIjM2NjQ3MzkiOiIwIiwiMzY2NDc0MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để nhắm mục tiêu đến một phần tử có cả ID và lớp, bạn kết hợp bộ chọn ID và bộ chọn lớp viết liền nhau. Thứ tự không quan trọng lắm về mặt kết quả, nhưng `#id.class` hoặc `.class#id` đều hợp lệ. Tuy nhiên, việc kết hợp cả hai chỉ khi thực sự cần thiết để tăng độ đặc hiệu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911167' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Giả sử bạn có quy tắc CSS `.error { color: red; }`. HTML nào sau đây sẽ hiển thị văn bản màu đỏ?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911167]' id='ays-answer-3664741-30526' value='3664741'/> <label for='ays-answer-3664741-30526' class=' ays_position_initial ays-quiz-keyboard-label'><div id='error'>Lỗi</div></label><label for='ays-answer-3664741-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911167]' id='ays-answer-3664742-30526' value='3664742'/> <label for='ays-answer-3664742-30526' class=' ays_position_initial ays-quiz-keyboard-label'><span class='error'>Lỗi</span></label><label for='ays-answer-3664742-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911167]' id='ays-answer-3664743-30526' value='3664743'/> <label for='ays-answer-3664743-30526' class=' ays_position_initial ays-quiz-keyboard-label'><p name='error'>Lỗi</p></label><label for='ays-answer-3664743-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911167]' id='ays-answer-3664744-30526' value='3664744'/> <label for='ays-answer-3664744-30526' class=' ays_position_initial ays-quiz-keyboard-label'><h1>error</h1></label><label for='ays-answer-3664744-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911167'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDc0MSI6IjAiLCIzNjY0NzQyIjoiMSIsIjM2NjQ3NDMiOiIwIiwiMzY2NDc0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng quy tắc CSS cho bộ chọn lớp `.error`, phần tử HTML phải có thuộc tính `class` với giá trị chứa 'error'.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911168' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Giả sử bạn có quy tắc CSS `#page-title { font-size: 24px; }`. HTML nào sau đây sẽ hiển thị văn bản với cỡ chữ 24px?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911168]' id='ays-answer-3664745-30526' value='3664745'/> <label for='ays-answer-3664745-30526' class=' ays_position_initial ays-quiz-keyboard-label'><h1 class='page-title'>Tiêu đề</h1></label><label for='ays-answer-3664745-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911168]' id='ays-answer-3664746-30526' value='3664746'/> <label for='ays-answer-3664746-30526' class=' ays_position_initial ays-quiz-keyboard-label'><p id='page_title'>Tiêu đề</p></label><label for='ays-answer-3664746-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911168]' id='ays-answer-3664747-30526' value='3664747'/> <label for='ays-answer-3664747-30526' class=' ays_position_initial ays-quiz-keyboard-label'><h2 id='page-title'>Tiêu đề</h2></label><label for='ays-answer-3664747-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911168]' id='ays-answer-3664748-30526' value='3664748'/> <label for='ays-answer-3664748-30526' class=' ays_position_initial ays-quiz-keyboard-label'><span>page-title</span></label><label for='ays-answer-3664748-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911168'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDc0NSI6IjAiLCIzNjY0NzQ2IjoiMCIsIjM2NjQ3NDciOiIxIiwiMzY2NDc0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng quy tắc CSS cho bộ chọn định danh `#page-title`, phần tử HTML phải có thuộc tính `id` với giá trị chính xác là 'page-title'.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911169' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn có một danh sách (`</p> <ul>`) và muốn định dạng riêng mục đầu tiên (`</p> <li>`) trong danh sách đó. Giả sử danh sách có ID là `my-list`. Cách tốt nhất để áp dụng kiểu cho mục đầu tiên là gì?<br /> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911169]' id='ays-answer-3664749-30526' value='3664749'/> <label for='ays-answer-3664749-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Gán một lớp (ví dụ: `class='first-item'`) cho thẻ `<li>` đầu tiên và sử dụng bộ chọn `.first-item`.</label><label for='ays-answer-3664749-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911169]' id='ays-answer-3664750-30526' value='3664750'/> <label for='ays-answer-3664750-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Gán cùng một ID (ví dụ: `id='first-item'`) cho tất cả các thẻ `<li>` đầu tiên của các danh sách.</label><label for='ays-answer-3664750-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911169]' id='ays-answer-3664751-30526' value='3664751'/> <label for='ays-answer-3664751-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng bộ chọn phần tử `li`.</label><label for='ays-answer-3664751-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911169]' id='ays-answer-3664752-30526' value='3664752'/> <label for='ays-answer-3664752-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng bộ chọn ID của danh sách (`#my-list`).</label><label for='ays-answer-3664752-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911169'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDc0OSI6IjEiLCIzNjY0NzUwIjoiMCIsIjM2NjQ3NTEiOiIwIiwiMzY2NDc1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Mặc dù có thể dùng ID cho mục đầu tiên, nhưng nếu cấu trúc danh sách thay đổi hoặc có nhiều danh sách, việc này không linh hoạt. Sử dụng bộ chọn giả lớp `:first-child` kết hợp với ID của danh sách cha (`#my-list li:first-child`) là một cách hiệu quả. Tuy nhiên, trong bối cảnh bài học về bộ chọn lớp/ID, việc gán một lớp hoặc ID cho mục đầu tiên là phương pháp trực tiếp hơn được đề cập.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911170' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Xét đoạn mã CSS:<br /> `.box { padding: 10px; }`<br /> `#main-box { border: 1px solid blue; }`<br /> HTML: `</p> <div id='main-box' class='box'>Nội dung hộp</div> <p>`<br /> Phần tử `</p> <div>` này sẽ có kiểu gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911170]' id='ays-answer-3664753-30526' value='3664753'/> <label for='ays-answer-3664753-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có padding 10px.</label><label for='ays-answer-3664753-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911170]' id='ays-answer-3664754-30526' value='3664754'/> <label for='ays-answer-3664754-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có border 1px solid blue.</label><label for='ays-answer-3664754-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911170]' id='ays-answer-3664755-30526' value='3664755'/> <label for='ays-answer-3664755-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Có padding 10px và border 1px solid blue.</label><label for='ays-answer-3664755-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911170]' id='ays-answer-3664756-30526' value='3664756'/> <label for='ays-answer-3664756-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Không có kiểu nào được áp dụng do xung đột.</label><label for='ays-answer-3664756-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911170'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDc1MyI6IjAiLCIzNjY0NzU0IjoiMCIsIjM2NjQ3NTUiOiIxIiwiMzY2NDc1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Phần tử `</p> <div>` có cả ID 'main-box' và lớp 'box'. Nó sẽ nhận tất cả các quy tắc từ cả hai bộ chọn áp dụng cho nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911171' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Điều nào sau đây là *sai* khi nói về tên của bộ chọn lớp và bộ chọn định danh trong CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911171]' id='ays-answer-3664757-30526' value='3664757'/> <label for='ays-answer-3664757-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Có thể chứa chữ cái (a-z, A-Z).</label><label for='ays-answer-3664757-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911171]' id='ays-answer-3664758-30526' value='3664758'/> <label for='ays-answer-3664758-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Có thể chứa chữ số (0-9), nhưng không được bắt đầu bằng chữ số.</label><label for='ays-answer-3664758-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911171]' id='ays-answer-3664759-30526' value='3664759'/> <label for='ays-answer-3664759-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Có thể chứa dấu gạch dưới (_) và dấu gạch ngang (-).</label><label for='ays-answer-3664759-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911171]' id='ays-answer-3664760-30526' value='3664760'/> <label for='ays-answer-3664760-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Có thể chứa khoảng trắng để phân tách các từ.</label><label for='ays-answer-3664760-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911171'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDc1NyI6IjAiLCIzNjY0NzU4IjoiMCIsIjM2NjQ3NTkiOiIwIiwiMzY2NDc2MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Tên lớp và ID không được chứa khoảng trắng. Khoảng trắng trong thuộc tính `class` trong HTML dùng để phân tách nhiều lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911172' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Bạn có một bảng dữ liệu và muốn định dạng riêng hàng tiêu đề (`</p> <th>`) và các hàng dữ liệu (`</p> <td>`). Bạn nên sử dụng loại bộ chọn nào để linh hoạt áp dụng kiểu cho các loại ô khác nhau này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911172]' id='ays-answer-3664761-30526' value='3664761'/> <label for='ays-answer-3664761-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (ví dụ: `.header-cell`, `.data-cell`).</label><label for='ays-answer-3664761-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911172]' id='ays-answer-3664762-30526' value='3664762'/> <label for='ays-answer-3664762-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh cho mỗi ô.</label><label for='ays-answer-3664762-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911172]' id='ays-answer-3664763-30526' value='3664763'/> <label for='ays-answer-3664763-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng bộ chọn phần tử `th` và `td`.</label><label for='ays-answer-3664763-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911172]' id='ays-answer-3664764-30526' value='3664764'/> <label for='ays-answer-3664764-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng thuộc tính `style` trực tiếp trên mỗi ô.</label><label for='ays-answer-3664764-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911172'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDc2MSI6IjEiLCIzNjY0NzYyIjoiMCIsIjM2NjQ3NjMiOiIwIiwiMzY2NDc2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp cho phép bạn nhóm các phần tử có cùng mục đích hoặc kiểu dáng (ở đây là các ô tiêu đề và ô dữ liệu) và áp dụng các quy tắc CSS riêng biệt cho từng nhóm, bất kể chúng nằm ở đâu trong bảng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911173' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Xét tình huống bạn muốn tạo một kiểu CSS cho tất cả các liên kết (`<a>`) nằm bên trong một phần tử `</p> <div>` cụ thể có ID là `navigation`. Bộ chọn nào sau đây là phù hợp nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911173]' id='ays-answer-3664765-30526' value='3664765'/> <label for='ays-answer-3664765-30526' class=' ays_position_initial ays-quiz-keyboard-label'>a#navigation</label><label for='ays-answer-3664765-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911173]' id='ays-answer-3664766-30526' value='3664766'/> <label for='ays-answer-3664766-30526' class=' ays_position_initial ays-quiz-keyboard-label'>#navigation a</label><label for='ays-answer-3664766-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911173]' id='ays-answer-3664767-30526' value='3664767'/> <label for='ays-answer-3664767-30526' class=' ays_position_initial ays-quiz-keyboard-label'>.navigation a</label><label for='ays-answer-3664767-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911173]' id='ays-answer-3664768-30526' value='3664768'/> <label for='ays-answer-3664768-30526' class=' ays_position_initial ays-quiz-keyboard-label'>div a#navigation</label><label for='ays-answer-3664768-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911173'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDc2NSI6IjAiLCIzNjY0NzY2IjoiMSIsIjM2NjQ3NjciOiIwIiwiMzY2NDc2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn con cháu (descendant selector) sử dụng khoảng trắng (`#id element`) giúp bạn nhắm mục tiêu đến các phần tử nằm bên trong một phần tử khác được xác định bằng ID hoặc lớp. Đây là cách phổ biến để định dạng các thành phần trong các khu vực cụ thể của trang.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='911174' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 04</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Giả sử bạn có một form nhập liệu và muốn đánh dấu các trường bắt buộc bằng một viền đỏ. Bạn nên sử dụng loại bộ chọn nào để dễ dàng áp dụng kiểu này cho các trường nhập liệu (`<input>`, `<textarea>`) cần thiết?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911174]' id='ays-answer-3664769-30526' value='3664769'/> <label for='ays-answer-3664769-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (ví dụ: `.required`).</label><label for='ays-answer-3664769-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911174]' id='ays-answer-3664770-30526' value='3664770'/> <label for='ays-answer-3664770-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh cho mỗi trường bắt buộc.</label><label for='ays-answer-3664770-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911174]' id='ays-answer-3664771-30526' value='3664771'/> <label for='ays-answer-3664771-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử (`input`, `textarea`).</label><label for='ays-answer-3664771-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-911174]' id='ays-answer-3664772-30526' value='3664772'/> <label for='ays-answer-3664772-30526' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng bộ chọn `[required]` (bộ chọn thuộc tính - ngoài phạm vi bài này nhưng là một khả năng khác).</label><label for='ays-answer-3664772-30526' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_30526 === 'undefined'){ window.quizOptions_30526 = []; } window.quizOptions_30526['911174'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzY2NDc2OSI6IjEiLCIzNjY0NzcwIjoiMCIsIjM2NjQ3NzEiOiIwIiwiMzY2NDc3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp cho phép bạn áp dụng cùng một kiểu ('required') cho nhiều loại phần tử khác nhau (`input`, `textarea`, etc.) mà không cần viết lại quy tắc cho từng loại thẻ hoặc gán ID duy nhất cho mỗi trường.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-30526 * { box-sizing: border-box; } #ays-quiz-container-30526 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-30526 #ays_finish_quiz_30526 { } /* Styles for Quiz container */ #ays-quiz-container-30526{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-30526 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-30526 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-30526 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-30526 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-30526 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-30526 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-30526 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-30526 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-30526.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-30526.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-30526 #ays_finish_quiz_30526 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-30526.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-30526.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-30526.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-30526.ays-quiz-container .ays-questions-container p, #ays-quiz-container-30526.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-30526.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-30526.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-30526.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-30526.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-30526.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-30526.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-30526.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-30526.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-30526 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-30526 .ays-quiz-password-message-box, #ays-quiz-container-30526 .ays-quiz-question-note-message-box, #ays-quiz-container-30526 .ays_quiz_question, #ays-quiz-container-30526 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-30526 textarea, #ays-quiz-container-30526 input::first-letter, #ays-quiz-container-30526 select::first-letter, #ays-quiz-container-30526 option::first-letter { color: initial !important; } #ays-quiz-container-30526 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-30526 .select2-container, #ays-quiz-container-30526 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-30526 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-30526 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-30526 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-30526 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-30526 .ays-questions-container .ays-field, div#ays-quiz-container-30526 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-30526 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-30526 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-30526 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-30526 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-30526 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-30526 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-30526 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-30526 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-30526 .information_form input[type='text'], #ays-quiz-container-30526 .information_form input[type='url'], #ays-quiz-container-30526 .information_form input[type='number'], #ays-quiz-container-30526 .information_form input[type='email'], #ays-quiz-container-30526 .information_form input[type='tel'], #ays-quiz-container-30526 .information_form textarea, #ays-quiz-container-30526 .information_form select, #ays-quiz-container-30526 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-30526 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-30526 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-30526 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-30526 .right_answer_text{ color:#33cc33; } #ays-quiz-container-30526 .right_answer_text p { font-size:16px; } #ays-quiz-container-30526 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-30526 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-30526 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-30526 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-30526 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-30526 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-30526 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-30526 .ays_cb_and_a, #ays-quiz-container-30526 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-30526 iframe { /*min-height: 450px;*/ } #ays-quiz-container-30526 label.ays_for_checkbox, #ays-quiz-container-30526 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-30526 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-30526 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-30526 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-30526 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-30526 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-30526 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-30526 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-30526 div.lds-spinner, #ays-quiz-container-30526 div.lds-spinner2 { color: #000000; } #ays-quiz-container-30526 div.lds-spinner div:after, #ays-quiz-container-30526 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-30526 .lds-circle, #ays-quiz-container-30526 .lds-facebook div, #ays-quiz-container-30526 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-30526 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-30526 .lds-dual-ring::after, #ays-quiz-container-30526 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-30526 .ui.rating .icon, #ays-quiz-container-30526 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-30526 #ays_finish_quiz_30526 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-30526 #ays_finish_quiz_30526 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-30526 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-30526 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-30526 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-30526 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-30526 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-30526 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-30526 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-30526 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-30526 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-30526 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-30526 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-30526 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-30526 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-30526 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-30526 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-30526 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-30526 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-30526 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-30526 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-30526 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-30526 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-30526 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-30526 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-30526 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-30526 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-30526 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-30526 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-30526 div.ays-quiz-redirection-timer, #ays-quiz-container-30526 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-30526 div.ays-quiz-after-timer * , #ays-quiz-container-30526 div.ays-quiz-redirection-timer *, #ays-quiz-container-30526 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-30526 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-30526 input#ays-submit, #ays-quiz-container-30526 #ays_finish_quiz_30526 .action-button, #ays-quiz-container-30526 #ays_finish_quiz_30526 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-30526 #ays_finish_quiz_30526 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-30526 #ays_finish_quiz_30526 .action-button.ays_restart_button, #ays-quiz-container-30526 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-30526 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-30526 input#ays-submit, #ays-quiz-container-30526 #ays_finish_quiz_30526 input.action-button, #ays-quiz-container-30526 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-30526 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-30526 #ays_finish_quiz_30526 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-30526 #ays_finish_quiz_30526 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-30526 #ays_finish_quiz_30526 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-30526 input#ays-submit:hover, #ays-quiz-container-30526 input#ays-submit:focus, #ays-quiz-container-30526 #ays_finish_quiz_30526 .action-button:hover, #ays-quiz-container-30526 #ays_finish_quiz_30526 .action-button:focus, #ays-quiz-container-30526 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-30526 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-30526 .ays_restart_button { color: #ffffff; } #ays-quiz-container-30526 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-30526 .ays_buttons_div { justify-content: center; } #ays-quiz-container-30526 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-30526 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-30526 input[type='button'], #ays-quiz-container-30526 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-30526 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-30526 input[type='button']:focus-visible, div#ays-quiz-container-30526 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-30526 #ays_finish_quiz_30526 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-30526 #ays_finish_quiz_30526 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-30526 #ays_finish_quiz_30526 i.ays_early_finish.action-button[disabled], #ays-quiz-container-30526 #ays_finish_quiz_30526 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-30526 #ays_finish_quiz_30526 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-30526 #ays_finish_quiz_30526 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-30526 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-30526 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-30526 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-30526.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-30526 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-30526 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-30526 #ays_finish_quiz_30526 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-30526 #ays_finish_quiz_30526 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-30526 #ays_finish_quiz_30526 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-30526 #ays_finish_quiz_30526 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-30526 #ays_finish_quiz_30526 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-30526 #ays_finish_quiz_30526 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-30526 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-30526 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-30526 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-30526 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-30526 #ays_finish_quiz_30526 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-30526 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-30526 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-30526 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-30526 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-30526 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-30526 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-30526 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-30526 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-30526 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-30526 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-30526 #ays_finish_quiz_30526 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-30526 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-30526 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-30526 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-30526 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-30526 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-30526 .ays-field .select2-container--default, #ays-quiz-container-30526 .ays-field .select2-container--default .selection, #ays-quiz-container-30526 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-30526 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-30526 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-30526 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-30526 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-30526 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-30526 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-30526 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-30526 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-30526 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-30526 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-30526 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-30526 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-30526 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-30526 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-30526 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-30526 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-30526 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-30526 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-30526 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-30526 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-30526 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-30526 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-30526 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-30526.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-30526.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-30526 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-30526 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-30526 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-30526 label[for^='ays-answer']:before, #ays-quiz-container-30526 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-30526 .ays_question_report { text-align: right; } div#ays-quiz-container-30526 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-30526 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-30526.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-30526.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-30526.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-30526.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-30526.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-30526.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-30526 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-30526.ays_quiz_classic_dark .correct_div, #ays-quiz-container-30526.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-30526.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-30526.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-30526.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-30526.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-30526.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-30526.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-30526 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-30526 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-30526 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-30526 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-30526 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-30526 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-30526 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-30526 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-30526 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-30526.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-30526.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-30526 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-30526 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-30526 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-30526 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-30526 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-30526 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-30526 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-30526 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-30526 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-30526 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-30526 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-30526 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-30526 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-30526 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-30526 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-30526 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-30526 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-30526 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-30526 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-30526 .ays-quiz-personality-result-box div:before, #ays-quiz-container-30526 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-30526 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-30526 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-30526 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-30526 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-30526 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-30526 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-30526 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-30526 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-30526 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-30526 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-30526 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-30526 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-30526 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-30526{ max-width: 100%; } div#ays-quiz-container-30526 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-30526.ays_quiz_modern_light .step, div#ays-quiz-container-30526.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-30526.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-30526.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-30526.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-30526.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-30526 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-30526 .select2-container, div#ays-quiz-container-30526 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-30526 input#ays-submit, div#ays-quiz-container-30526 #ays_finish_quiz_30526 .action-button, div#ays-quiz-container-30526 #ays_finish_quiz_30526 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-30526 #ays_finish_quiz_30526 .action-button.ays_restart_button, #ays-quiz-container-30526 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-30526 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-30526 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-30526 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-30526 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-30526 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-30526 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-30526 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-30526 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-30526 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-30526 p { margin: 0.625em; } #ays-quiz-container-30526.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-30526.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-30526 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-30526.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-30526 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-30526 #ays_finish_quiz_30526 .action-button:hover, #ays-quiz-container-30526 #ays_finish_quiz_30526 .action-button:focus, #ays-quiz-container-30526 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-30526 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['30526'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMDUyNiIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwNCIsImRlc2NyaXB0aW9uIjoiPHA+PHN0cm9uZz5CYVx1MDMwMGkgVFx1MDBlMlx1MDMyM3AgVHJcdTFlYWZjIG5naGlcdTFlYzdtIFRpbiBoXHUxZWNkYyAxMiAtIENcdTAwZTFuaCBkaVx1MWVjMXUgLSBCXHUwMGUwaSAxMDogQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDQ8XC9zdHJvbmc+IFx1MDExMVx1MDFiMFx1MWVlM2MgeFx1MDBlMnkgZFx1MWVmMW5nIHZcdTFlZGJpIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgY2hcdTFlYTV0IGxcdTAxYjBcdTFlZTNuZywgc1x1MDBlMXQgdlx1MWVkYmkgblx1MWVkOWkgZHVuZyBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmggaFx1MWVjZGMsIGdpXHUwMGZhcCBiXHUxZWExbiBkXHUxZWM1IGRcdTAwZTBuZyBcdTAwZjRuIHRcdTFlYWRwIHZcdTAwZTAga2lcdTFlYzNtIHRyYSBraVx1MWViZm4gdGhcdTFlZTljIGhpXHUxZWM3dSBxdVx1MWVhMy4gSFx1MDBlM3kgY1x1MDBmOW5nIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgbFx1MDBlMG0gYlx1MDBlMGkgdFx1MWVhZHAgdHJcdTFlYWZjIG5naGlcdTFlYzdtIG5nYXkgXHUwMTExXHUxZWMzIG5cdTAwZTJuZyBjYW8gaGlcdTFlYzN1IGJpXHUxZWJmdCB2XHUwMGUwIGNodVx1MWVhOW4gYlx1MWVjYiB0XHUxZWQxdCBjaG8ga1x1MWVmMyB0aGkgc1x1MWVhZnAgdFx1MWVkYmkhPFwvcD5cclxuXHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTogVHJvbmcgQ1NTLCBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoY2xhc3Mgc2VsZWN0b3IpIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBjaG8gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgSFRNTC4gQ1x1MDBmYSBwaFx1MDBlMXAga2hhaSBiXHUwMGUxbyBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCB0cm9uZyB0XHUxZWM3cCBDU1MgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiAjdGVuLWxvcCB7IC4uLiB9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIC50ZW4tbG9wIHsgLi4uIH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiB0ZW4tbG9wIHsgLi4uIH08XC9saT5cclxuPGxpPkQuIDxjbGFzcz50ZW4tbG9wPFwvY2xhc3M+IHsgLi4uIH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOiBUcm9uZyBDU1MsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIHNlbGVjdG9yKSBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgY2hvIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIEhUTUwgPGk+ZHV5IG5oXHUxZWE1dDxcL2k+IHRyXHUwMGVhbiB0cmFuZy4gQ1x1MDBmYSBwaFx1MDBlMXAga2hhaSBiXHUwMGUxbyBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIHRyb25nIHRcdTFlYzdwIENTUyBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIC50ZW4taWQgeyAuLi4gfTxcL2xpPlxyXG48bGk+Qi4gaWQodGVuLWlkKSB7IC4uLiB9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuICN0ZW4taWQgeyAuLi4gfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIHRlbi1pZCB7IC4uLiB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzogXHUwMTEwXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIG1cdTFlZDl0IGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIFx1MDExMVx1MDBlMyBraGFpIGJcdTAwZTFvIHRyb25nIENTUyAodlx1MDBlZCBkXHUxZWU1OiBgLmhpZ2hsaWdodGApIGNobyBtXHUxZWQ5dCBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiBiXHUxZWEzbiAoYDxwPmApIHRyb25nIHRcdTFlYzdwIEhUTUwsIGJcdTFlYTFuIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIG5cdTAwZTBvIGNcdTFlZTdhIHRoXHUxZWJiIEhUTUw/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gY2xhc3M8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBpZDxcL2xpPlxyXG48bGk+Qy4gc3R5bGU8XC9saT5cclxuPGxpPkQuIG5hbWU8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA0OiBcdTAxMTBcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgbVx1MWVkOXQgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBcdTAxMTFcdTAwZTMga2hhaSBiXHUwMGUxbyB0cm9uZyBDU1MgKHZcdTAwZWQgZFx1MWVlNTogYCNtYWluLWhlYWRlcmApIGNobyB0aFx1MWViYiB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIGNoXHUwMGVkbmggKGA8aDE+YCkgdHJvbmcgdFx1MWVjN3AgSFRNTCwgYlx1MWVhMW4gc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggblx1MDBlMG8gY1x1MWVlN2EgdGhcdTFlYmIgSFRNTD9cclxuPHVsPlxyXG48bGk+QS4gY2xhc3M8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gaWQ8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNTogXHUwMTEwaVx1MWVjM20ga2hcdTAwZTFjIGJpXHUxZWM3dCBjXHUwMWExIGJcdTFlYTNuIG5oXHUxZWE1dCB2XHUxZWMxIG1cdTFlZTVjIFx1MDExMVx1MDBlZGNoIHNcdTFlZWQgZFx1MWVlNW5nIGdpXHUxZWVmYSBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCB2XHUwMGUwIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggdHJvbmcgQ1NTIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY2hcdTFlYzkgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIHRoXHUxZWJiIGBkaXZgLCBjXHUwMGYybiBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIFx1MDBlMXAgZFx1MWVlNW5nIGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRoXHUxZWJiLjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY1x1MDBmMyBcdTAxMTFcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gY2FvIGhcdTAxYTFuIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmguPFwvbGk+XHJcbjxsaT5DLiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIFx1MDExMVx1MDFiMFx1MWVlM2MgZFx1MDBmOW5nIFx1MDExMVx1MWVjMyB0aGlcdTFlYmZ0IGtcdTFlYmYgYlx1MWVkMSBjXHUxZWU1YywgY1x1MDBmMm4gYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgZFx1MDBmOW5nIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgdlx1MDEwM24gYlx1MWVhM24uPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGNcdTAwZjMgdGhcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggY2hcdTFlYzkgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGR1eSBuaFx1MWVhNXQuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDY6IFhcdTAwZTl0IFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTCBzYXU6IGA8cCBjbGFzcz1cImludHJvIGhpZ2hsaWdodFwiPkNoXHUwMGUwbyBtXHUxZWVibmcgYlx1MWVhMW4hPFwvcD5gLiBOXHUxZWJmdSBjXHUwMGYzIGNcdTAwZTFjIHF1eSB0XHUxZWFmYyBDU1MgbmhcdTAxYjAgc2F1OiBcbmAuaW50cm8geyBjb2xvcjogYmx1ZTsgfWAgXG5gLmhpZ2hsaWdodCB7IGZvbnQtd2VpZ2h0OiBib2xkOyB9YCBcblx1MDExMG9cdTFlYTFuIHZcdTAxMDNuIGJcdTFlYTNuIFwiQ2hcdTAwZTBvIG1cdTFlZWJuZyBiXHUxZWExbiFcIiBzXHUxZWJkIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIG5oXHUwMWIwIHRoXHUxZWJmIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIE1cdTAwZTB1IGNoXHUxZWVmIHhhbmggdlx1MDBlMCBpbiBcdTAxMTFcdTFlYWRtLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIENoXHUxZWM5IG1cdTAwZTB1IGNoXHUxZWVmIHhhbmguPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBpbiBcdTAxMTFcdTFlYWRtLjxcL2xpPlxyXG48bGk+RC4gS2hcdTAwZjRuZyBjXHUwMGYzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nIGRvIHNcdTFlZWQgZFx1MWVlNW5nIGhhaSBsXHUxZWRicCBjXHUwMGY5bmcgbFx1MDBmYWMuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNzogS2hpIGNcdTAwZjMgaGFpIHF1eSB0XHUxZWFmYyBDU1MgbVx1MDBlMnUgdGh1XHUxZWFibiBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gY1x1MDBmOW5nIG1cdTFlZDl0IHRodVx1MWVkOWMgdFx1MDBlZG5oIGNcdTFlZTdhIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkLCBxdXkgdFx1MWVhZmMgblx1MDBlMG8gc1x1MWViZCBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDFiMHUgdGlcdTAwZWFuIChcdTAxMTFcdTFlZDkgXHUwMTExXHUxZWI3YyBoaVx1MWVjN3UgLSBzcGVjaWZpY2l0eSk/IFZcdTAwZWQgZFx1MWVlNTogYCNteS1lbGVtZW50IHsgY29sb3I6IHJlZDsgfWAgdlx1MDBlMCBgLm15LWNsYXNzIHsgY29sb3I6IGJsdWU7IH1gIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBgPGRpdiBpZD1cIm15LWVsZW1lbnRcIiBjbGFzcz1cIm15LWNsYXNzXCI+Li4uPFwvZGl2PmAuXHJcbjx1bD5cclxuPGxpPkEuIFF1eSB0XHUxZWFmYyBraGFpIGJcdTAwZTFvIHNhdSBjXHUwMGY5bmcgdHJvbmcgdFx1MWVjN3AgQ1NTLjxcL2xpPlxyXG48bGk+Qi4gUXV5IHRcdTFlYWZjIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBRdXkgdFx1MWVhZmMgc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBRdXkgdFx1MWVhZmMgY1x1MDBmMyBcdTAwZWR0IHRodVx1MWVkOWMgdFx1MDBlZG5oIGhcdTAxYTFuLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDg6IEJcdTFlYTFuIG11XHUxZWQxbiBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgPGk+dFx1MWVhNXQgY1x1MWVhMzxcL2k+IGNcdTAwZTFjIFx1MDExMW9cdTFlYTFuIHZcdTAxMDNuIGJcdTFlYTNuIChgPHA+YCkgY1x1MDBmMyBuXHUxZWQ5aSBkdW5nIGNcdTFlYTNuaCBiXHUwMGUxbyBiXHUxZWIxbmcgbVx1MDBlMHUgXHUwMTExXHUxZWNmLiBCXHUxZWQ5IGNoXHUxZWNkbiBDU1MgcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0IFx1MDExMVx1MWVjMyBzXHUxZWVkIGRcdTFlZTVuZyBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggY2hvIG1cdTFlZDdpIFx1MDExMW9cdTFlYTFuIGNcdTFlYTNuaCBiXHUwMGUxby48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIGNcdTAwZTFjIFx1MDExMW9cdTFlYTFuIGNcdTFlYTNuaCBiXHUwMGUxby48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBCXHUxZWQ5IGNoXHUxZWNkbiBwaFx1MWVhN24gdFx1MWVlZCBgcGAuPFwvbGk+XHJcbjxsaT5ELiBTXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgc3R5bGVgIHRyXHUxZWYxYyB0aVx1MWViZnAgdHJcdTAwZWFuIG1cdTFlZDdpIHRoXHUxZWJiIGA8cD5gLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDk6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraVx1MWVjM3UgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIFx1MDExMVx1MWViN2MgYmlcdTFlYzd0IGNoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIGNobyBwaFx1MWVhN24gdFx1MWVlZCB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIGNoXHUwMGVkbmggZHV5IG5oXHUxZWE1dCB0clx1MDBlYW4gdHJhbmcgd2ViIGNcdTFlZTdhIGJcdTFlYTFuICh0aFx1MWViYiBgPGgxPmApLiBCXHUxZWQ5IGNoXHUxZWNkbiBDU1Mgblx1MDBlMG8gbFx1MDBlMCBsXHUxZWYxYSBjaFx1MWVjZG4gdFx1MWVkMXQgbmhcdTFlYTV0P1xyXG48dWw+XHJcbjxsaT5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gdGhcdTFlYmIgYDxoMT5gLjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gcGhcdTFlYTduIHRcdTFlZWQgYGgxYC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gdGhcdTFlYmIgYDxoMT5gLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIEtcdTFlYmZ0IGhcdTFlZTNwIGJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIHZcdTAwZTAgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKGBoMS5tYWluLXRpdGxlYCkuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTA6IFhcdTAwZTl0IFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTDogYDxkaXYgaWQ9XCJzaWRlYmFyXCIgY2xhc3M9XCJ3aWRnZXRcIj5OXHUxZWQ5aSBkdW5nPFwvZGl2PmAuIFx1MDExMFx1MWVjMyB2aVx1MWViZnQgcXV5IHRcdTFlYWZjIENTUyBuaFx1MWVhZm0gbVx1MWVlNWMgdGlcdTAwZWF1IGNoXHUwMGVkbmggeFx1MDBlMWMgXHUwMTExXHUxZWJmbiBwaFx1MWVhN24gdFx1MWVlZCBgZGl2YCBuXHUwMGUweSBiXHUxZWIxbmcgY1x1MDBlMWNoIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTFlYTMgbG9cdTFlYTFpIHRoXHUxZWJiIHZcdTAwZTAgXHUwMTExXHUxZWNibmggZGFuaCwgYlx1MWVhMW4gc1x1MWViZCB2aVx1MWViZnQgYlx1MWVkOSBjaFx1MWVjZG4gbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gZGl2I3NpZGViYXI8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiAjc2lkZWJhci5kaXY8XC9saT5cclxuPGxpPkMuIGRpdiAuc2lkZWJhcjxcL2xpPlxyXG48bGk+RC4gZGl2LCAjc2lkZWJhcjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDExOiBYXHUwMGU5dCBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUw6IGA8cCBjbGFzcz1cIm5vdGUgaW1wb3J0YW50XCI+TFx1MDFiMHUgXHUwMGZkIHF1YW4gdHJcdTFlY2RuZzxcL3A+YC4gXHUwMTEwXHUxZWMzIHZpXHUxZWJmdCBxdXkgdFx1MWVhZmMgQ1NTIG5oXHUxZWFmbSBtXHUxZWU1YyB0aVx1MDBlYXUgY2hcdTAwZWRuaCB4XHUwMGUxYyBcdTAxMTFcdTFlYmZuIHBoXHUxZWE3biB0XHUxZWVkIGBwYCBuXHUwMGUweSBiXHUxZWIxbmcgY1x1MDBlMWNoIHNcdTFlZWQgZFx1MWVlNW5nIGxvXHUxZWExaSB0aFx1MWViYiB2XHUwMGUwIGNcdTFlYTMgaGFpIGxcdTFlZGJwIGNcdTFlZTdhIG5cdTAwZjMsIGJcdTFlYTFuIHNcdTFlYmQgdmlcdTFlYmZ0IGJcdTFlZDkgY2hcdTFlY2RuIG5oXHUwMWIwIHRoXHUxZWJmIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBwLm5vdGUsIHAuaW1wb3J0YW50PFwvbGk+XHJcbjxsaT5CLiBwIC5ub3RlIC5pbXBvcnRhbnQ8XC9saT5cclxuPGxpPkMuIHAgKG5vdGUgaW1wb3J0YW50KTxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBwLm5vdGUuaW1wb3J0YW50PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEyOiBNXHUxZWQ5dCBuaFx1MDBlMCBwaFx1MDBlMXQgdHJpXHUxZWMzbiB3ZWIgbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IG5cdTAwZmF0IGJcdTFlYTVtIGNcdTAwZjMga2lcdTFlYzN1IGRcdTAwZTFuZyBjaHVuZyAodlx1MDBlZCBkXHUxZWU1OiBtXHUwMGUwdSBuXHUxZWMxbiB4XHUwMGUxbSwgY2hcdTFlZWYgdHJcdTFlYWZuZykgdlx1MDBlMCBtXHUxZWQ5dCBzXHUxZWQxIG5cdTAwZmF0IGNcdTAwZjMga2lcdTFlYzN1IGRcdTAwZTFuZyBiXHUxZWQ1IHN1bmcgKHZcdTAwZWQgZFx1MWVlNTogblx1MDBmYXQgXCJMXHUwMWIwdVwiIGNcdTAwZjMgdmlcdTFlYzFuIHhhbmgsIG5cdTAwZmF0IFwiWFx1MDBmM2FcIiBjXHUwMGYzIHZpXHUxZWMxbiBcdTAxMTFcdTFlY2YpLiBDXHUwMGUxY2ggdFx1MWVkMXQgbmhcdTFlYTV0IFx1MDExMVx1MWVjMyBzXHUxZWVkIGRcdTFlZTVuZyBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gU1x1MWVlZCBkXHUxZWU1bmcgbVx1MWVkOXQgbFx1MWVkYnAgY2h1bmcgY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgblx1MDBmYXQgKGAuYnV0dG9uYCkgdlx1MDBlMCBjXHUwMGUxYyBsXHUxZWRicCBiXHUxZWQ1IHN1bmcgKGAuc2F2ZWAsIGAuZGVsZXRlYCkgY2hvIGtpXHUxZWMzdSBcdTAxMTFcdTFlYjdjIHRyXHUwMWIwbmcsIFx1MDBlMXAgZFx1MWVlNW5nIG5oaVx1MWVjMXUgbFx1MWVkYnAgY2hvIGNcdTAwZjluZyBtXHUxZWQ5dCBuXHUwMGZhdC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBTXHUxZWVkIGRcdTFlZTVuZyBtXHUxZWQ5dCBJRCBkdXkgbmhcdTFlYTV0IGNobyBtXHUxZWQ3aSBsb1x1MWVhMWkgblx1MDBmYXQuPFwvbGk+XHJcbjxsaT5DLiBTXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgc3R5bGVgIHRyXHUxZWYxYyB0aVx1MWViZnAgdHJcdTAwZWFuIG1cdTFlZDdpIG5cdTAwZmF0LjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlYzkgc1x1MWVlZCBkXHUxZWU1bmcgbVx1MWVkOXQgbFx1MWVkYnAgZHV5IG5oXHUxZWE1dCBjaG8gbVx1MWVkN2kgbG9cdTFlYTFpIG5cdTAwZmF0ICh2XHUwMGVkIGRcdTFlZTU6IGAuc2F2ZS1idXR0b25gLCBgLmRlbGV0ZS1idXR0b25gKS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMzogXHUwMTEwaVx1MWVjMXUgZ1x1MDBlYyB4XHUxZWEzeSByYSBuXHUxZWJmdSBiXHUxZWExbiBraGFpIGJcdTAwZTFvIGhhaSBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGtoXHUwMGUxYyBuaGF1IHRyXHUwMGVhbiBjXHUwMGY5bmcgbVx1MWVkOXQgdHJhbmcgY1x1MDBmMyBjXHUwMGY5bmcgbVx1MWVkOXQgZ2lcdTAwZTEgdHJcdTFlY2IgY2hvIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBpZGA/IFZcdTAwZWQgZFx1MWVlNTogYDxkaXYgaWQ9XCJoZWFkZXJcIj4uLi48XC9kaXY+YCB2XHUwMGUwIGA8Zm9vdGVyIGlkPVwiaGVhZGVyXCI+Li4uPFwvZm9vdGVyPmAuXHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IHBoXHUxZWE3biB0XHUxZWVkIGtoYWkgYlx1MDBlMW8gXHUwMTExXHUxZWE3dSB0aVx1MDBlYW4gbmhcdTFlYWRuIFx1MDExMVx1MDFiMFx1MWVlM2Mga2lcdTFlYzN1IENTUyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gSUQgXHUwMTExXHUwMGYzLjxcL2xpPlxyXG48bGk+Qi4gVHJhbmcgd2ViIHNcdTFlYmQgYlx1MWVjYiBsXHUxZWQ3aSB2XHUwMGUwIGtoXHUwMGY0bmcgaGlcdTFlYzNuIHRoXHUxZWNiLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBcdTAxMTBcdTAwZTJ5IGxcdTAwZTAga2hcdTAwZjRuZyBoXHUxZWUzcCBsXHUxZWM3IHRoZW8gdGlcdTAwZWF1IGNodVx1MWVhOW4gSFRNTCwgbVx1MWViN2MgZFx1MDBmOSB0clx1MDBlY25oIGR1eVx1MWVjN3QgY1x1MDBmMyB0aFx1MWVjMyB2XHUxZWFibiBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgbmhcdTAxYjBuZyBraFx1MDBmNG5nIFx1MDExMVx1MWVhM20gYlx1MWVhM28gaFx1MDBlMG5oIHZpIG5oXHUxZWE1dCBxdVx1MDBlMW4gdlx1MDBlMCBnXHUwMGUyeSBraFx1MDBmMyBraFx1MDEwM24ga2hpIGRcdTAwZjluZyBKYXZhU2NyaXB0LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIENcdTFlYTMgaGFpIHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMVx1MWVjMXUgbmhcdTFlYWRuIFx1MDExMVx1MDFiMFx1MWVlM2Mga2lcdTFlYzN1IENTUyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gSUQgXHUwMTExXHUwMGYzIHZcdTAwZTAgXHUwMTExXHUwMGUyeSBsXHUwMGUwIGNcdTAwZTFjaCBzXHUxZWVkIGRcdTFlZTVuZyBJRCB0aFx1MDBmNG5nIHRoXHUwMWIwXHUxZWRkbmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTQ6IFhcdTAwZTl0IFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTCB2XHUwMGUwIENTUyBzYXU6XG5IVE1MOiBgPGRpdiBpZD1cImNvbnRhaW5lclwiPjxwIGNsYXNzPVwidGV4dFwiPlBhcmFncmFwaCAxPFwvcD48XC9kaXY+YFxuQ1NTOiBcbmAjY29udGFpbmVyIHsgY29sb3I6IGdyZWVuOyB9YFxuYC50ZXh0IHsgY29sb3I6IGJsdWU7IH1gXG5NXHUwMGUwdSBjaFx1MWVlZiBjXHUxZWU3YSBcIlBhcmFncmFwaCAxXCIgc1x1MWViZCBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIFhhbmggbFx1MDBlMSAoZ3JlZW4pLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBYYW5oIGRcdTAxYjBcdTAxYTFuZyAoYmx1ZSkuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gTVx1MWViN2MgXHUwMTExXHUxZWNibmggKHRoXHUwMWIwXHUxZWRkbmcgbFx1MDBlMCBcdTAxMTFlbikuPFwvbGk+XHJcbjxsaT5ELiBDXHUxZWEzIGhhaSBtXHUwMGUwdSBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nIGNcdTAwZjluZyBsXHUwMGZhYywgdFx1MWVhMW8gcmEgbVx1MDBlMHUgcGhhIHRyXHUxZWQ5bi48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtpXHUxZWMzdSBDU1MgY2hcdTFlYzkgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGA8c3Bhbj5gIGNcdTAwZjMgbFx1MWVkYnAgbFx1MDBlMCBgaGlnaGxpZ2h0YC4gQlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgbFx1MDBlMCBjaFx1MDBlZG5oIHhcdTAwZTFjP1xyXG48dWw+XHJcbjxsaT5BLiAuaGlnaGxpZ2h0IHNwYW48XC9saT5cclxuPGxpPkIuIHNwYW4sIC5oaWdobGlnaHQ8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gc3Bhbi5oaWdobGlnaHQ8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiAjaGlnaGxpZ2h0IHNwYW48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNjogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtpXHUxZWMzdSBDU1MgY2hcdTFlYzkgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIHBoXHUxZWE3biB0XHUxZWVkIGA8ZGl2PmAgY1x1MDBmMyBcdTAxMTFcdTFlY2JuaCBkYW5oIGxcdTAwZTAgYGZvb3RlcmAuIEJcdTFlZDkgY2hcdTFlY2RuIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgY2hcdTAwZWRuaCB4XHUwMGUxYz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBkaXYjZm9vdGVyPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gI2Zvb3RlciBkaXY8XC9saT5cclxuPGxpPkMuIGRpdiwgI2Zvb3RlcjxcL2xpPlxyXG48bGk+RC4gLmRpdiAjZm9vdGVyPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTc6IEtoaSBcdTAxMTFcdTFlYjd0IHRcdTAwZWFuIGNobyBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBob1x1MWViN2MgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCB0cm9uZyBDU1MsIHRcdTAwZWFuIFx1MDExMVx1MDBmMyBraFx1MDBmNG5nIFx1MDExMVx1MDFiMFx1MWVlM2MgYlx1MWVhZnQgXHUwMTExXHUxZWE3dSBiXHUxZWIxbmcga1x1MDBmZCB0XHUxZWYxIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVlZiBjXHUwMGUxaSAoYS16LCBBLVopLjxcL2xpPlxyXG48bGk+Qi4gRFx1MWVhNXUgZ1x1MWVhMWNoIGRcdTAxYjBcdTFlZGJpIChfKS48XC9saT5cclxuPGxpPkMuIERcdTFlYTV1IGdcdTFlYTFjaCBuZ2FuZyAoLSkuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIENoXHUxZWVmIHNcdTFlZDEgKDAtOSkuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE4OiBUXHUxZWExaSBzYW8gdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKGAjaWRgKSBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGxcdTFlYjdwIGxcdTFlYTFpICh2XHUwMGVkIGRcdTFlZTU6IG1cdTFlZDdpIG1cdTFlZTVjIHRyb25nIGRhbmggc1x1MDBlMWNoIHNcdTFlYTNuIHBoXHUxZWE5bSkgbFx1MWVhMWkga2hcdTAwZjRuZyBwaFx1MWVhM2kgbFx1MDBlMCBwaFx1MDFiMFx1MDFhMW5nIHBoXHUwMGUxcCB0XHUxZWQxdD9cclxuPHVsPlxyXG48bGk+QS4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBjXHUwMGYzIFx1MDExMVx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiB0aFx1MWVhNXAgaFx1MDFhMW4gYlx1MWVkOSBjaFx1MWVjZG4gcGhcdTFlYTduIHRcdTFlZWQsIG5cdTAwZWFuIGtoXHUwMGYzIFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gR2lcdTAwZTEgdHJcdTFlY2IgY1x1MWVlN2EgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGlkYCBwaFx1MWVhM2kgbFx1MDBlMCBkdXkgbmhcdTFlYTV0IHRyb25nIHRvXHUwMGUwbiBiXHUxZWQ5IHRcdTAwZTBpIGxpXHUxZWM3dSBIVE1MLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggY2hcdTFlYzkgY1x1MDBmMyB0aFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gdGhcdTFlYmIgYGRpdmAuPFwvbGk+XHJcbjxsaT5ELiBWaVx1MWVjN2Mgblx1MDBlMHkgbFx1MDBlMG0gdFx1MDEwM25nIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgdFx1MWVjN3AgQ1NTIG1cdTFlZDl0IGNcdTAwZTFjaCBraFx1MDBmNG5nIGNcdTFlYTduIHRoaVx1MWViZnQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTk6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgbmhcdTAwZjNtIGNcdTAwZTFjIGhcdTAwZWNuaCBcdTFlYTNuaCBuaFx1MWVjZiBjXHUxZWE3biBcdTAxMTFcdTAxYjBcdTFlZTNjIGNcdTAxMDNuIGdpXHUxZWVmYS4gVGhheSB2XHUwMGVjIHZpXHUxZWJmdCBDU1MgY2hvIHRcdTFlZWJuZyBoXHUwMGVjbmggXHUxZWEzbmgsIGJcdTFlYTFuIG5cdTAwZWFuIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIG5cdTAwZTBvIFx1MDExMVx1MWVjMyBuaFx1MDBmM20gY2hcdTAwZmFuZyBsXHUxZWExaSB2XHUwMGUwIFx1MDBlMXAgZFx1MWVlNW5nIGNcdTAwZjluZyBtXHUxZWQ5dCBraVx1MWVjM3U/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaC48XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIGBpbWdgLjxcL2xpPlxyXG48bGk+RC4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggYHN0eWxlYCBpbmxpbmUuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjA6IFhcdTAwZTl0IFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTCB2XHUwMGUwIENTUzpcbkhUTUw6IGA8ZGl2IGlkPVwibWFpblwiIGNsYXNzPVwiY29udGVudFwiPjxwIGNsYXNzPVwidGV4dFwiPkhlbGxvPFwvcD48XC9kaXY+YFxuQ1NTOlxuYCNtYWluIHsgYmFja2dyb3VuZC1jb2xvcjogeWVsbG93OyB9YFxuYC5jb250ZW50IHsgYm9yZGVyOiAxcHggc29saWQgYmxhY2s7IH1gXG5gLnRleHQgeyBjb2xvcjogcmVkOyB9YFxuUGhcdTFlYTduIHRcdTFlZWQgYDxwPmAgc1x1MWViZCBjXHUwMGYzIG1cdTAwZTB1IGNoXHUxZWVmIGdcdTAwZWMgdlx1MDBlMCBwaFx1MWVhN24gdFx1MWVlZCBgPGRpdj5gIHNcdTFlYmQgY1x1MDBmMyBraVx1MWVjM3UgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gYDxwPmAgbVx1MDBlMHUgdlx1MDBlMG5nLCBgPGRpdj5gIG1cdTAwZTB1IFx1MDExMVx1MWVjZi48XC9saT5cclxuPGxpPkIuIGA8cD5gIG1cdTAwZTB1IFx1MDExMWVuLCBgPGRpdj5gIG1cdTAwZTB1IHZcdTAwZTBuZyBjXHUwMGYzIHZpXHUxZWMxbiBcdTAxMTFlbi48XC9saT5cclxuPGxpPkMuIGA8cD5gIG1cdTAwZTB1IFx1MDExMVx1MWVjZiwgYDxkaXY+YCBjaFx1MWVjOSBjXHUwMGYzIG1cdTAwZTB1IHZcdTAwZTBuZy48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gYDxwPmAgbVx1MDBlMHUgXHUwMTExXHUxZWNmLCBgPGRpdj5gIG1cdTAwZTB1IHZcdTAwZTBuZyBjXHUwMGYzIHZpXHUxZWMxbiBcdTAxMTFlbi48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjE6IEtoaSBzXHUxZWVkIGRcdTFlZTVuZyBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBob1x1MWViN2MgXHUwMTExXHUxZWNibmggZGFuaCwgYlx1MWVhMW4gY1x1MDBmMyB0aFx1MWVjMyBrXHUxZWJmdCBoXHUxZWUzcCBjaFx1MDBmYW5nIHZcdTFlZGJpIGJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMVx1MWVjMyB0XHUwMTAzbmcgXHUwMTExXHUxZWQ5IFx1MDExMVx1MWViN2MgaGlcdTFlYzd1IChzcGVjaWZpY2l0eSkgaG9cdTFlYjdjIG5oXHUxZWFmbSBtXHUxZWU1YyB0aVx1MDBlYXUgY2hcdTAwZWRuaCB4XHUwMGUxYyBoXHUwMWExbi4gVlx1MDBlZCBkXHUxZWU1IGBwLmludHJvYCBjaFx1MWVjOSBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgY1x1MDBlMWMgdGhcdTFlYmIgYDxwPmAgY1x1MDBmMyBsXHUxZWRicCBgaW50cm9gLiBcdTAxMTBpXHUxZWMxdSBuXHUwMGUweSBnaVx1MDBmYXAgXHUwMGVkY2ggZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gR2lcdTFlYTNtIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgdFx1MWVjN3AgQ1NTLjxcL2xpPlxyXG48bGk+Qi4gTFx1MDBlMG0gY2hvIG1cdTAwZTMgSFRNTCBkXHUxZWM1IFx1MDExMVx1MWVjZGMgaFx1MDFhMW4uPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIE5oXHUxZWFmbSBtXHUxZWU1YyB0aVx1MDBlYXUgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIGNoXHUwMGVkbmggeFx1MDBlMWMgaFx1MDFhMW4gXHUwMTExXHUxZWJmbiBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjXHUxZWU1IHRoXHUxZWMzLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIEJcdTFlYWZ0IGJ1XHUxZWQ5YyBwaFx1MWVhM2kgbFx1MDBlMG0gdlx1MWVhZHkgblx1MWViZnUgbXVcdTFlZDFuIFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBjaG8gbFx1MWVkYnAgaG9cdTFlYjdjIElELjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIyOiBCXHUxZWExbiBjXHUxZWE3biB0XHUxZWExbyBtXHUxZWQ5dCBxdXkgdFx1MWVhZmMgQ1NTIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgbVx1MWVkOXQgblx1MDBmYXQgYlx1MWVhNW0gZHV5IG5oXHUxZWE1dCBjXHUwMGYzIElEIGxcdTAwZTAgXCJzdWJtaXQtYnV0dG9uXCIgdlx1MDBlMCBjXHUwMGYzIGxcdTFlZGJwIGxcdTAwZTAgXCJwcmltYXJ5XCIuIEJcdTFlZDkgY2hcdTFlY2RuIGNoXHUwMGVkbmggeFx1MDBlMWMgbmhcdTFlYTV0IGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gI3N1Ym1pdC1idXR0b24sIC5wcmltYXJ5PFwvbGk+XHJcbjxsaT5CLiAucHJpbWFyeSAjc3VibWl0LWJ1dHRvbjxcL2xpPlxyXG48bGk+Qy4gI3N1Ym1pdC1idXR0b24gLnByaW1hcnk8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gI3N1Ym1pdC1idXR0b24ucHJpbWFyeTxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMzogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBjXHUwMGYzIHF1eSB0XHUxZWFmYyBDU1MgYC5lcnJvciB7IGNvbG9yOiByZWQ7IH1gLiBIVE1MIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IHNcdTFlYmQgaGlcdTFlYzNuIHRoXHUxZWNiIHZcdTAxMDNuIGJcdTFlYTNuIG1cdTAwZTB1IFx1MDExMVx1MWVjZj9cclxuPHVsPlxyXG48bGk+QS4gPGRpdiBpZD1cImVycm9yXCI+TFx1MWVkN2k8XC9kaXY+PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIDxzcGFuIGNsYXNzPVwiZXJyb3JcIj5MXHUxZWQ3aTxcL3NwYW4+PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gPHAgbmFtZT1cImVycm9yXCI+TFx1MWVkN2k8XC9wPjxcL2xpPlxyXG48bGk+RC4gPGgxPmVycm9yPFwvaDE+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjQ6IEdpXHUxZWEzIHNcdTFlZWQgYlx1MWVhMW4gY1x1MDBmMyBxdXkgdFx1MWVhZmMgQ1NTIGAjcGFnZS10aXRsZSB7IGZvbnQtc2l6ZTogMjRweDsgfWAuIEhUTUwgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgc1x1MWViZCBoaVx1MWVjM24gdGhcdTFlY2Igdlx1MDEwM24gYlx1MWVhM24gdlx1MWVkYmkgY1x1MWVlMSBjaFx1MWVlZiAyNHB4P1xyXG48dWw+XHJcbjxsaT5BLiA8aDEgY2xhc3M9XCJwYWdlLXRpdGxlXCI+VGlcdTAwZWF1IFx1MDExMVx1MWVjMTxcL2gxPjxcL2xpPlxyXG48bGk+Qi4gPHAgaWQ9XCJwYWdlX3RpdGxlXCI+VGlcdTAwZWF1IFx1MDExMVx1MWVjMTxcL3A+PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIDxoMiBpZD1cInBhZ2UtdGl0bGVcIj5UaVx1MDBlYXUgXHUwMTExXHUxZWMxPFwvaDI+PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gPHNwYW4+cGFnZS10aXRsZTxcL3NwYW4+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjU6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgZGFuaCBzXHUwMGUxY2ggKGA8dWw+YCkgdlx1MDBlMCBtdVx1MWVkMW4gXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIHJpXHUwMGVhbmcgbVx1MWVlNWMgXHUwMTExXHUxZWE3dSB0aVx1MDBlYW4gKGA8bGk+YCkgdHJvbmcgZGFuaCBzXHUwMGUxY2ggXHUwMTExXHUwMGYzLiBHaVx1MWVhMyBzXHUxZWVkIGRhbmggc1x1MDBlMWNoIGNcdTAwZjMgSUQgbFx1MDBlMCBgbXktbGlzdGAuIENcdTAwZTFjaCB0XHUxZWQxdCBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBjaG8gbVx1MWVlNWMgXHUwMTExXHUxZWE3dSB0aVx1MDBlYW4gbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIEdcdTAwZTFuIG1cdTFlZDl0IGxcdTFlZGJwICh2XHUwMGVkIGRcdTFlZTU6IGBjbGFzcz1cImZpcnN0LWl0ZW1cImApIGNobyB0aFx1MWViYiBgPGxpPmAgXHUwMTExXHUxZWE3dSB0aVx1MDBlYW4gdlx1MDBlMCBzXHUxZWVkIGRcdTFlZTVuZyBiXHUxZWQ5IGNoXHUxZWNkbiBgLmZpcnN0LWl0ZW1gLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEdcdTAwZTFuIGNcdTAwZjluZyBtXHUxZWQ5dCBJRCAodlx1MDBlZCBkXHUxZWU1OiBgaWQ9XCJmaXJzdC1pdGVtXCJgKSBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aFx1MWViYiBgPGxpPmAgXHUwMTExXHUxZWE3dSB0aVx1MDBlYW4gY1x1MWVlN2EgY1x1MDBlMWMgZGFuaCBzXHUwMGUxY2guPFwvbGk+XHJcbjxsaT5DLiBTXHUxZWVkIGRcdTFlZTVuZyBiXHUxZWQ5IGNoXHUxZWNkbiBwaFx1MWVhN24gdFx1MWVlZCBgbGlgLjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlYzkgc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gSUQgY1x1MWVlN2EgZGFuaCBzXHUwMGUxY2ggKGAjbXktbGlzdGApLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI2OiBYXHUwMGU5dCBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIENTUzpcbmAuYm94IHsgcGFkZGluZzogMTBweDsgfWBcbmAjbWFpbi1ib3ggeyBib3JkZXI6IDFweCBzb2xpZCBibHVlOyB9YFxuSFRNTDogYDxkaXYgaWQ9XCJtYWluLWJveFwiIGNsYXNzPVwiYm94XCI+Tlx1MWVkOWkgZHVuZyBoXHUxZWQ5cDxcL2Rpdj5gXG5QaFx1MWVhN24gdFx1MWVlZCBgPGRpdj5gIG5cdTAwZTB5IHNcdTFlYmQgY1x1MDBmMyBraVx1MWVjM3UgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgY1x1MDBmMyBwYWRkaW5nIDEwcHguPFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBjXHUwMGYzIGJvcmRlciAxcHggc29saWQgYmx1ZS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gQ1x1MDBmMyBwYWRkaW5nIDEwcHggdlx1MDBlMCBib3JkZXIgMXB4IHNvbGlkIGJsdWUuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gS2hcdTAwZjRuZyBjXHUwMGYzIGtpXHUxZWMzdSBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nIGRvIHh1bmcgXHUwMTExXHUxZWQ5dC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNzogXHUwMTEwaVx1MWVjMXUgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgbFx1MDBlMCA8aT5zYWk8XC9pPiBraGkgblx1MDBmM2kgdlx1MWVjMSB0XHUwMGVhbiBjXHUxZWU3YSBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCB2XHUwMGUwIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggdHJvbmcgQ1NTP1xyXG48dWw+XHJcbjxsaT5BLiBDXHUwMGYzIHRoXHUxZWMzIGNoXHUxZWU5YSBjaFx1MWVlZiBjXHUwMGUxaSAoYS16LCBBLVopLjxcL2xpPlxyXG48bGk+Qi4gQ1x1MDBmMyB0aFx1MWVjMyBjaFx1MWVlOWEgY2hcdTFlZWYgc1x1MWVkMSAoMC05KSwgbmhcdTAxYjBuZyBraFx1MDBmNG5nIFx1MDExMVx1MDFiMFx1MWVlM2MgYlx1MWVhZnQgXHUwMTExXHUxZWE3dSBiXHUxZWIxbmcgY2hcdTFlZWYgc1x1MWVkMS48XC9saT5cclxuPGxpPkMuIENcdTAwZjMgdGhcdTFlYzMgY2hcdTFlZTlhIGRcdTFlYTV1IGdcdTFlYTFjaCBkXHUwMWIwXHUxZWRiaSAoXykgdlx1MDBlMCBkXHUxZWE1dSBnXHUxZWExY2ggbmdhbmcgKC0pLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBDXHUwMGYzIHRoXHUxZWMzIGNoXHUxZWU5YSBraG9cdTFlYTNuZyB0clx1MWVhZm5nIFx1MDExMVx1MWVjMyBwaFx1MDBlMm4gdFx1MDBlMWNoIGNcdTAwZTFjIHRcdTFlZWIuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI4OiBCXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IGJcdTFlYTNuZyBkXHUxZWVmIGxpXHUxZWM3dSB2XHUwMGUwIG11XHUxZWQxbiBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgcmlcdTAwZWFuZyBoXHUwMGUwbmcgdGlcdTAwZWF1IFx1MDExMVx1MWVjMSAoYDx0aD5gKSB2XHUwMGUwIGNcdTAwZTFjIGhcdTAwZTBuZyBkXHUxZWVmIGxpXHUxZWM3dSAoYDx0ZD5gKS4gQlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgbG9cdTFlYTFpIGJcdTFlZDkgY2hcdTFlY2RuIG5cdTAwZTBvIFx1MDExMVx1MWVjMyBsaW5oIGhvXHUxZWExdCBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgY2hvIGNcdTAwZTFjIGxvXHUxZWExaSBcdTAwZjQga2hcdTAwZTFjIG5oYXUgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKHZcdTAwZWQgZFx1MWVlNTogYC5oZWFkZXItY2VsbGAsIGAuZGF0YS1jZWxsYCkuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBjaG8gbVx1MWVkN2kgXHUwMGY0LjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gcGhcdTFlYTduIHRcdTFlZWQgYHRoYCB2XHUwMGUwIGB0ZGAuPFwvbGk+XHJcbjxsaT5ELiBTXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgc3R5bGVgIHRyXHUxZWYxYyB0aVx1MWViZnAgdHJcdTAwZWFuIG1cdTFlZDdpIFx1MDBmNC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOTogWFx1MDBlOXQgdFx1MDBlY25oIGh1XHUxZWQxbmcgYlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtpXHUxZWMzdSBDU1MgY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgbGlcdTAwZWFuIGtcdTFlYmZ0IChgPGE+YCkgblx1MWViMW0gYlx1MDBlYW4gdHJvbmcgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgYDxkaXY+YCBjXHUxZWU1IHRoXHUxZWMzIGNcdTAwZjMgSUQgbFx1MDBlMCBgbmF2aWdhdGlvbmAuIEJcdTFlZDkgY2hcdTFlY2RuIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0P1xyXG48dWw+XHJcbjxsaT5BLiBhI25hdmlnYXRpb248XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gI25hdmlnYXRpb24gYTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIC5uYXZpZ2F0aW9uIGE8XC9saT5cclxuPGxpPkQuIGRpdiBhI25hdmlnYXRpb248XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzMDogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IGZvcm0gbmhcdTFlYWRwIGxpXHUxZWM3dSB2XHUwMGUwIG11XHUxZWQxbiBcdTAxMTFcdTAwZTFuaCBkXHUxZWE1dSBjXHUwMGUxYyB0clx1MDFiMFx1MWVkZG5nIGJcdTFlYWZ0IGJ1XHUxZWQ5YyBiXHUxZWIxbmcgbVx1MWVkOXQgdmlcdTFlYzFuIFx1MDExMVx1MWVjZi4gQlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgbG9cdTFlYTFpIGJcdTFlZDkgY2hcdTFlY2RuIG5cdTAwZTBvIFx1MDExMVx1MWVjMyBkXHUxZWM1IGRcdTAwZTBuZyBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3Ugblx1MDBlMHkgY2hvIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSAoYDxpbnB1dD5gLCBgPHRleHRhcmVhPmApIGNcdTFlYTduIHRoaVx1MWViZnQ/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKHZcdTAwZWQgZFx1MWVlNTogYC5yZXF1aXJlZGApLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggY2hvIG1cdTFlZDdpIHRyXHUwMWIwXHUxZWRkbmcgYlx1MWVhZnQgYnVcdTFlZDljLjxcL2xpPlxyXG48bGk+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gcGhcdTFlYTduIHRcdTFlZWQgKGBpbnB1dGAsIGB0ZXh0YXJlYWApLjxcL2xpPlxyXG48bGk+RC4gU1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gYFtyZXF1aXJlZF1gIChiXHUxZWQ5IGNoXHUxZWNkbiB0aHVcdTFlZDljIHRcdTAwZWRuaCAtIG5nb1x1MDBlMGkgcGhcdTFlYTFtIHZpIGJcdTAwZTBpIG5cdTAwZTB5IG5oXHUwMWIwbmcgbFx1MDBlMCBtXHUxZWQ5dCBraFx1MWVhMyBuXHUwMTAzbmcga2hcdTAwZTFjKS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiI5MTExNDUsOTExMTQ2LDkxMTE0Nyw5MTExNDgsOTExMTQ5LDkxMTE1MCw5MTExNTEsOTExMTUyLDkxMTE1Myw5MTExNTQsOTExMTU1LDkxMTE1Niw5MTExNTcsOTExMTU4LDkxMTE1OSw5MTExNjAsOTExMTYxLDkxMTE2Miw5MTExNjMsOTExMTY0LDkxMTE2NSw5MTExNjYsOTExMTY3LDkxMTE2OCw5MTExNjksOTExMTcwLDkxMTE3MSw5MTExNzIsOTExMTczLDkxMTE3NCIsIm9yZGVyaW5nIjoiMzA1MjYiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='30526'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_30526' value='45d85a0ccb'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-31464'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_31464' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 05</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 05</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p> <div class="question-block"> <p>Câu 1: Trong CSS, bộ chọn lớp (class selector) được sử dụng để làm gì?</p> <ul> <li>A. Chọn một phần tử duy nhất dựa trên tên thẻ HTML.</li> <li><strong>B. Chọn một hoặc nhiều phần tử dựa trên thuộc tính `class` của chúng.</strong></li> <li>C. Chọn một phần tử duy nhất dựa trên thuộc tính `id` của nó.</li> <li>D. Chọn tất cả các phần tử trong tài liệu HTML.</li> </ul> </div> <div class="question-block"> <p>Câu 2: Cú pháp khai báo bộ chọn lớp trong tệp CSS ngoại (external CSS) là gì?</p> <ul> <li>A. #ten_lop { ... }</li> <li>B. ten_lop { ... }</li> <li><strong>C. .ten_lop { ... }</strong></li> <li>D. *ten_lop { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 3: Để áp dụng một bộ chọn lớp có tên là `highlight` cho một đoạn văn bản `</p> <p>`, bạn sẽ viết mã HTML như thế nào?</p> <ul> <li>A. <p id=</li> <li>B. <p name=</li> <li>C. <p class.name=</li> <li><strong>D. <p class=</strong></li> </ul> </div> <div class="question-block"> <p>Câu 4: Bộ chọn định danh (ID selector) trong CSS được sử dụng để làm gì?</p> <ul> <li><strong>A. Chọn một phần tử duy nhất dựa trên thuộc tính `id` của nó.</strong></li> <li>B. Chọn một hoặc nhiều phần tử dựa trên thuộc tính `class` của chúng.</li> <li>C. Chọn tất cả các phần tử có cùng tên thẻ.</li> <li>D. Chọn tất cả các phần tử trong tài liệu HTML.</li> </ul> </div> <div class="question-block"> <p>Câu 5: Cú pháp khai báo bộ chọn định danh trong CSS là gì?</p> <ul> <li>A. .ten_id { ... }</li> <li><strong>B. #ten_id { ... }</strong></li> <li>C. id(ten_id) { ... }</li> <li>D. ten_id { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 6: Để áp dụng bộ chọn định danh có tên là `header` cho một phần tử `</p> <div>`, bạn sẽ viết mã HTML như thế nào?</p> <ul> <li>A. <div class=</li> <li>B. <div name=</li> <li><strong>C. <div id=</strong></li> <li>D. <div id.name=</li> </ul> </div> <div class="question-block"> <p>Câu 7: Cho đoạn mã HTML `</p> <p class= <ul> <li>A. Chỉ căn giữa.</li> <li>B. Chỉ có cỡ chữ 20px.</li> <li>C. Chỉ nhận định dạng của lớp `large-font` vì nó đứng sau.</li> <li><strong>D. Được căn giữa và có cỡ chữ 20px.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 8: Điểm khác biệt CƠ BẢN nhất giữa bộ chọn lớp và bộ chọn định danh trong CSS là gì?</p> <ul> <li>A. Cú pháp khai báo (dấu chấm vs dấu thăng).</li> <li><strong>B. Bộ chọn lớp có thể áp dụng cho nhiều phần tử, bộ chọn định danh chỉ áp dụng cho một phần tử duy nhất.</strong></li> <li>C. Bộ chọn lớp chỉ dùng cho văn bản, bộ chọn định danh dùng cho hình ảnh.</li> <li>D. Bộ chọn định danh có ưu tiên thấp hơn bộ chọn lớp.</li> </ul> </div> <div class="question-block"> <p>Câu 9: Trong trường hợp nào bạn nên sử dụng bộ chọn định danh (#id) thay vì bộ chọn lớp (.class)?</p> <ul> <li><strong>A. Khi bạn muốn định dạng một phần tử DUY NHẤT trên trang web (ví dụ: logo trang web, tiêu đề chính).</strong></li> <li>B. Khi bạn muốn áp dụng cùng một kiểu cho nhiều phần tử khác nhau.</li> <li>C. Khi bạn muốn định dạng tất cả các phần tử cùng loại (ví dụ: tất cả các thẻ ` <p>`).</li> <li>D. Khi bạn muốn tạo một kiểu định dạng có thể tái sử dụng ở nhiều nơi.</li> </ul> </div> <div class="question-block"> <p>Câu 10: Cho đoạn mã HTML và CSS sau:</p> <p>HTML:<br /> ```html</p> <div id= <ul> <li>A. Chỉ có màu đỏ.</li> <li>B. Chỉ có chữ nghiêng.</li> <li><strong>C. Chữ nghiêng và màu đỏ.</strong></li> <li>D. Không có định dạng nào được áp dụng.</li> </ul> </div> <div class="question-block"> <p>Câu 11: Độ ưu tiên (specificity) của bộ chọn định danh (#id) so với bộ chọn lớp (.class) và bộ chọn thẻ (tag) là như thế nào?</p> <ul> <li><strong>A. ID có độ ưu tiên cao hơn Class và Tag.</strong></li> <li>B. Class có độ ưu tiên cao hơn ID và Tag.</li> <li>C. Tag có độ ưu tiên cao nhất.</li> <li>D. Độ ưu tiên là như nhau giữa ba loại bộ chọn này.</li> </ul> </div> <div class="question-block"> <p>Câu 12: Cho đoạn mã HTML:</p> <p>```html</p> <div id= <ul> <li>A. Chỉ có `border: 1px solid blue;`.</li> <li>B. Chỉ có `padding: 10px;`.</li> <li>C. Có cả `border` và `color`.</li> <li><strong>D. Có cả `border` và `padding`.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 13: Bạn muốn tạo một kiểu CSS áp dụng cho tất cả các thẻ `<button>` có thêm lớp `primary`. Bộ chọn CSS phù hợp nhất là gì?</p> <ul> <li><strong>A. button.primary { ... }</strong></li> <li>B. .primary button { ... }</li> <li>C. #primary button { ... }</li> <li>D. button .primary { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 14: Cho đoạn mã HTML:</p> <p>```html</p> <h2 id= <ul> <li>A. Màu xanh dương (blue).</li> <li><strong>B. Màu đỏ (red).</strong></li> <li>C. Cả hai màu được áp dụng cùng lúc.</li> <li>D. Không có màu nào được áp dụng do xung đột.</li> </ul> </div> <div class="question-block"> <p>Câu 15: Bạn muốn định dạng một khối nội dung (`</p> <div>`) mà chỉ xuất hiện một lần duy nhất trên trang và là thành phần chính. Loại bộ chọn nào NÊN được ưu tiên sử dụng cho khối này?</p> <ul> <li><strong>A. Bộ chọn định danh (#id).</strong></li> <li>B. Bộ chọn lớp (.class).</li> <li>C. Bộ chọn thẻ (tag).</li> <li>D. Bộ chọn nhóm (group selector).</li> </ul> </div> <div class="question-block"> <p>Câu 16: Cho đoạn mã HTML và CSS sau. Phần tử `</p> <p>` sẽ có màu gì?</p> <p>HTML:<br /> ```html</p> <div class= <ul> <li><strong>A. Màu xanh dương (blue).</strong></li> <li>B. Màu đỏ (red).</li> <li>C. Màu mặc định (thường là đen).</li> <li>D. Không xác định được do xung đột.</li> </ul> </div> <div class="question-block"> <p>Câu 17: Bạn muốn tạo một kiểu CSS áp dụng cho tất cả các phần tử `</p> <li>` nằm bên trong một danh sách không có thứ tự (` <ul>`) CÓ lớp `menu`. Bộ chọn CSS phù hợp nhất là gì?</p> <ul> <li>A. .menu, li { ... }</li> <li>B. ul.menu li { ... }</li> <li><strong>C. .menu li { ... }</strong></li> <li>D. li .menu { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 18: Cho đoạn mã HTML:</p> <p>```html<br /> <button class= <ul> <li><strong>A. Thuộc tính từ `.btn-primary` sẽ ghi đè thuộc tính từ `.btn` nếu chúng định nghĩa cùng một thuộc tính và `.btn-primary` được khai báo sau trong CSS.</strong></li> <li>B. Thuộc tính từ `.btn` luôn ghi đè thuộc tính từ `.btn-primary`.</li> <li>C. Không có thuộc tính nào bị ghi đè; cả hai đều được áp dụng cùng lúc.</li> <li>D. Chỉ thuộc tính `color` mới bị ghi đè.</li> </ul> </div> <div class="question-block"> <p>Câu 19: Điều gì xảy ra nếu bạn gán cùng một giá trị `id` cho nhiều phần tử khác nhau trong một tài liệu HTML?</p> <ul> <li>A. Chỉ phần tử đầu tiên có `id` đó được áp dụng kiểu CSS.</li> <li>B. Tất cả các phần tử đó đều được áp dụng kiểu CSS của `#id`, và đây là cách sử dụng đúng.</li> <li><strong>C. Mã HTML không hợp lệ và có thể gây lỗi hoặc hành vi không nhất quán khi áp dụng CSS/JavaScript.</strong></li> <li>D. Trình duyệt sẽ bỏ qua tất cả các bộ chọn ID trong CSS.</li> </ul> </div> <div class="question-block"> <p>Câu 20: Bạn muốn tạo một kiểu CSS áp dụng cho các phần tử `<span>` CHỈ khi chúng nằm ngay sau một phần tử `</p> <p>` có lớp `intro`. Bộ chọn CSS phù hợp nhất là gì?</p> <ul> <li>A. .intro span { ... }</li> <li>B. .intro > span { ... }</li> <li>C. .intro ~ span { ... }</li> <li><strong>D. .intro + span { ... }</strong></li> </ul> </div> <div class="question-block"> <p>Câu 21: Cho đoạn mã HTML:</p> <p>```html</p> <div id= <ul> <li>A. .slogan { ... }</li> <li><strong>B. #header .slogan { ... }</strong></li> <li>C. div .slogan { ... }</li> <li>D. #header p.slogan { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 22: Thuộc tính CSS nào thường được sử dụng để thay đổi màu nền của một phần tử?</p> <ul> <li>A. color</li> <li>B. font-color</li> <li><strong>C. background-color</strong></li> <li>D. text-color</li> </ul> </div> <div class="question-block"> <p>Câu 23: Thuộc tính CSS nào thường được sử dụng để thay đổi kiểu chữ (ví dụ: Times New Roman, Arial)?</p> <ul> <li><strong>A. font-family</strong></li> <li>B. font-style</li> <li>C. font-size</li> <li>D. text-font</li> </ul> </div> <div class="question-block"> <p>Câu 24: Xét đoạn mã:</p> <p>```html</p> <p class= <ul> <li>A. Màu vàng (yellow).</li> <li>B. Cả vàng và cam.</li> <li>C. Màu mặc định.</li> <li><strong>D. Màu cam (orange).</strong></li> </ul> </div> <div class="question-block"> <p>Câu 25: Bạn muốn tạo một kiểu CSS áp dụng cho tất cả các phần tử `<input>` có thuộc tính `type` là `submit`. Loại bộ chọn nào (trong phạm vi bài học này) có thể kết hợp để làm điều đó?</p> <ul> <li><strong>A. Bộ chọn lớp kết hợp với tên thẻ (ví dụ: `input.submit-button`).</strong></li> <li>B. Chỉ cần bộ chọn ID.</li> <li>C. Chỉ cần bộ chọn thẻ (`input`).</li> <li>D. Bộ chọn anh em liền kề.</li> </ul> </div> <div class="question-block"> <p>Câu 26: Tại sao việc sử dụng bộ chọn lớp lại linh hoạt hơn bộ chọn định danh trong việc thiết kế các thành phần giao diện có thể tái sử dụng (ví dụ: các nút, các thẻ thông báo)?</p> <ul> <li>A. Bộ chọn lớp có độ ưu tiên cao hơn, dễ ghi đè kiểu mặc định.</li> <li>B. Bộ chọn lớp chỉ áp dụng cho một phần tử duy nhất, giúp kiểm soát chặt chẽ.</li> <li><strong>C. Bộ chọn lớp có thể áp dụng cho nhiều phần tử, cho phép tạo các kiểu tái sử dụng.</strong></li> <li>D. Bộ chọn lớp dễ nhớ hơn bộ chọn định danh.</li> </ul> </div> <div class="question-block"> <p>Câu 27: Trong một tệp CSS, bạn thấy quy tắc `.error { color: red; font-weight: bold; }`. Quy tắc này sẽ áp dụng cho các phần tử HTML nào?</p> <ul> <li>A. Chỉ các thẻ ` <p>` có nội dung báo lỗi.</li> <li><strong>B. Tất cả các phần tử HTML có thuộc tính `class=</strong></li> <li>C. Chỉ một phần tử HTML duy nhất có `id=</li> <li>D. Tất cả các phần tử HTML trong tài liệu.</li> </ul> </div> <div class="question-block"> <p>Câu 28: Bạn muốn tạo một kiểu CSS áp dụng cho các liên kết (`<a>`) chỉ khi chúng nằm trong phần tử có `id=</p> <ul> <li><strong>A. #sidebar a { ... }</strong></li> <li>B. a #sidebar { ... }</li> <li>C. #sidebar > a { ... }</li> <li>D. a.sidebar { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 29: Xem xét đoạn mã HTML và CSS:</p> <p>HTML:<br /> ```html</p> <div class= <ul> <li>A. Chỉ định dạng một phần tử duy nhất trên trang.</li> <li><strong>B. Tạo các thành phần giao diện có thể tái sử dụng với các kiểu định dạng nhất quán.</strong></li> <li>C. Thiết lập bố cục tổng thể của toàn bộ trang web.</li> <li>D. Đảm bảo mỗi phần tử có một ID duy nhất.</li> </ul> </div> <div class="question-block"> <p>Câu 30: Bạn gặp một lỗi CSS: một phần tử đáng lẽ phải có màu xanh lại hiển thị màu đỏ. Bạn kiểm tra và thấy phần tử đó có cả `class=</p> <ul> <li><strong>A. Bộ chọn ID có độ ưu tiên cao hơn bộ chọn lớp và quy tắc màu đỏ từ ID đã ghi đè màu xanh từ lớp.</strong></li> <li>B. Bộ chọn lớp có độ ưu tiên cao hơn và màu xanh từ lớp đã ghi đè màu đỏ từ ID.</li> <li>C. Thứ tự khai báo trong HTML (ID trước Class) quyết định màu sắc.</li> <li>D. Chỉ một trong hai bộ chọn (ID hoặc Class) có thể hoạt động cùng lúc trên một phần tử.</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='31464'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-10-bo-chon-lop-bo-chon-dinh-danh-canh-dieu/'/> <input type='hidden' name='ays_quiz_questions' value='939115,939116,939117,939118,939119,939120,939121,939122,939123,939124,939125,939126,939127,939128,939129,939130,939131,939132,939133,939134,939135,939136,939137,939138,939139,939140,939141,939142,939143,939144'> </div> </div><div class='step ' data-question-id='939115' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Trong CSS, bộ chọn lớp (class selector) được sử dụng để làm gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939115]' id='ays-answer-3774173-31464' value='3774173'/> <label for='ays-answer-3774173-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chọn một phần tử duy nhất dựa trên tên thẻ HTML.</label><label for='ays-answer-3774173-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939115]' id='ays-answer-3774174-31464' value='3774174'/> <label for='ays-answer-3774174-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chọn một hoặc nhiều phần tử dựa trên thuộc tính `class` của chúng.</label><label for='ays-answer-3774174-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939115]' id='ays-answer-3774175-31464' value='3774175'/> <label for='ays-answer-3774175-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chọn một phần tử duy nhất dựa trên thuộc tính `id` của nó.</label><label for='ays-answer-3774175-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939115]' id='ays-answer-3774176-31464' value='3774176'/> <label for='ays-answer-3774176-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chọn tất cả các phần tử trong tài liệu HTML.</label><label for='ays-answer-3774176-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939115'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDE3MyI6IjAiLCIzNzc0MTc0IjoiMSIsIjM3NzQxNzUiOiIwIiwiMzc3NDE3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp được thiết kế để áp dụng cùng một kiểu định dạng cho nhiều phần tử HTML khác nhau, bằng cách gán cùng một tên lớp cho các phần tử đó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939116' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Cú pháp khai báo bộ chọn lớp trong tệp CSS ngoại (external CSS) là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939116]' id='ays-answer-3774177-31464' value='3774177'/> <label for='ays-answer-3774177-31464' class=' ays_position_initial ays-quiz-keyboard-label'>#ten_lop { ... }</label><label for='ays-answer-3774177-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939116]' id='ays-answer-3774178-31464' value='3774178'/> <label for='ays-answer-3774178-31464' class=' ays_position_initial ays-quiz-keyboard-label'>ten_lop { ... }</label><label for='ays-answer-3774178-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939116]' id='ays-answer-3774179-31464' value='3774179'/> <label for='ays-answer-3774179-31464' class=' ays_position_initial ays-quiz-keyboard-label'>.ten_lop { ... }</label><label for='ays-answer-3774179-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939116]' id='ays-answer-3774180-31464' value='3774180'/> <label for='ays-answer-3774180-31464' class=' ays_position_initial ays-quiz-keyboard-label'>*ten_lop { ... }</label><label for='ays-answer-3774180-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939116'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDE3NyI6IjAiLCIzNzc0MTc4IjoiMCIsIjM3NzQxNzkiOiIxIiwiMzc3NDE4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp trong CSS luôn bắt đầu bằng dấu chấm (.), theo sau là tên lớp do người lập trình đặt.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939117' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Để áp dụng một bộ chọn lớp có tên là `highlight` cho một đoạn văn bản `</p> <p>`, bạn sẽ viết mã HTML như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939117]' id='ays-answer-3774181-31464' value='3774181'/> <label for='ays-answer-3774181-31464' class=' ays_position_initial ays-quiz-keyboard-label'><p id="highlight">...</p></label><label for='ays-answer-3774181-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939117]' id='ays-answer-3774182-31464' value='3774182'/> <label for='ays-answer-3774182-31464' class=' ays_position_initial ays-quiz-keyboard-label'><p name="highlight">...</p></label><label for='ays-answer-3774182-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939117]' id='ays-answer-3774183-31464' value='3774183'/> <label for='ays-answer-3774183-31464' class=' ays_position_initial ays-quiz-keyboard-label'><p class.name="highlight">...</p></label><label for='ays-answer-3774183-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939117]' id='ays-answer-3774184-31464' value='3774184'/> <label for='ays-answer-3774184-31464' class=' ays_position_initial ays-quiz-keyboard-label'><p class="highlight">...</p></label><label for='ays-answer-3774184-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939117'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDE4MSI6IjAiLCIzNzc0MTgyIjoiMCIsIjM3NzQxODMiOiIwIiwiMzc3NDE4NCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để gán một lớp cho phần tử HTML, sử dụng thuộc tính `class` và gán tên lớp vào đó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939118' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Bộ chọn định danh (ID selector) trong CSS được sử dụng để làm gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939118]' id='ays-answer-3774185-31464' value='3774185'/> <label for='ays-answer-3774185-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chọn một phần tử duy nhất dựa trên thuộc tính `id` của nó.</label><label for='ays-answer-3774185-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939118]' id='ays-answer-3774186-31464' value='3774186'/> <label for='ays-answer-3774186-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chọn một hoặc nhiều phần tử dựa trên thuộc tính `class` của chúng.</label><label for='ays-answer-3774186-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939118]' id='ays-answer-3774187-31464' value='3774187'/> <label for='ays-answer-3774187-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chọn tất cả các phần tử có cùng tên thẻ.</label><label for='ays-answer-3774187-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939118]' id='ays-answer-3774188-31464' value='3774188'/> <label for='ays-answer-3774188-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chọn tất cả các phần tử trong tài liệu HTML.</label><label for='ays-answer-3774188-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939118'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDE4NSI6IjEiLCIzNzc0MTg2IjoiMCIsIjM3NzQxODciOiIwIiwiMzc3NDE4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `id` trong HTML phải là duy nhất trong toàn bộ tài liệu. Do đó, bộ chọn định danh chỉ được sử dụng để chọn và định dạng một phần tử duy nhất.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939119' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Cú pháp khai báo bộ chọn định danh trong CSS là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939119]' id='ays-answer-3774189-31464' value='3774189'/> <label for='ays-answer-3774189-31464' class=' ays_position_initial ays-quiz-keyboard-label'>.ten_id { ... }</label><label for='ays-answer-3774189-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939119]' id='ays-answer-3774190-31464' value='3774190'/> <label for='ays-answer-3774190-31464' class=' ays_position_initial ays-quiz-keyboard-label'>#ten_id { ... }</label><label for='ays-answer-3774190-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939119]' id='ays-answer-3774191-31464' value='3774191'/> <label for='ays-answer-3774191-31464' class=' ays_position_initial ays-quiz-keyboard-label'>id(ten_id) { ... }</label><label for='ays-answer-3774191-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939119]' id='ays-answer-3774192-31464' value='3774192'/> <label for='ays-answer-3774192-31464' class=' ays_position_initial ays-quiz-keyboard-label'>ten_id { ... }</label><label for='ays-answer-3774192-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939119'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDE4OSI6IjAiLCIzNzc0MTkwIjoiMSIsIjM3NzQxOTEiOiIwIiwiMzc3NDE5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn định danh trong CSS luôn bắt đầu bằng dấu thăng (#), theo sau là giá trị của thuộc tính `id` của phần tử HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939120' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Để áp dụng bộ chọn định danh có tên là `header` cho một phần tử `</p> <div>`, bạn sẽ viết mã HTML như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939120]' id='ays-answer-3774193-31464' value='3774193'/> <label for='ays-answer-3774193-31464' class=' ays_position_initial ays-quiz-keyboard-label'><div class="header">...</div></label><label for='ays-answer-3774193-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939120]' id='ays-answer-3774194-31464' value='3774194'/> <label for='ays-answer-3774194-31464' class=' ays_position_initial ays-quiz-keyboard-label'><div name="header">...</div></label><label for='ays-answer-3774194-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939120]' id='ays-answer-3774195-31464' value='3774195'/> <label for='ays-answer-3774195-31464' class=' ays_position_initial ays-quiz-keyboard-label'><div id="header">...</div></label><label for='ays-answer-3774195-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939120]' id='ays-answer-3774196-31464' value='3774196'/> <label for='ays-answer-3774196-31464' class=' ays_position_initial ays-quiz-keyboard-label'><div id.name="header">...</div></label><label for='ays-answer-3774196-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939120'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDE5MyI6IjAiLCIzNzc0MTk0IjoiMCIsIjM3NzQxOTUiOiIxIiwiMzc3NDE5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để gán một định danh cho phần tử HTML, sử dụng thuộc tính `id` và gán giá trị định danh vào đó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939121' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Cho đoạn mã HTML `</p> <p class="text-center large-font">...</p> <p>` và các quy tắc CSS:</p> <p>```css<br /> .text-center { text-align: center; }<br /> .large-font { font-size: 20px; }<br /> ```</p> <p>Đoạn văn bản này sẽ được định dạng như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939121]' id='ays-answer-3774197-31464' value='3774197'/> <label for='ays-answer-3774197-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ căn giữa.</label><label for='ays-answer-3774197-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939121]' id='ays-answer-3774198-31464' value='3774198'/> <label for='ays-answer-3774198-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có cỡ chữ 20px.</label><label for='ays-answer-3774198-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939121]' id='ays-answer-3774199-31464' value='3774199'/> <label for='ays-answer-3774199-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ nhận định dạng của lớp `large-font` vì nó đứng sau.</label><label for='ays-answer-3774199-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939121]' id='ays-answer-3774200-31464' value='3774200'/> <label for='ays-answer-3774200-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Được căn giữa và có cỡ chữ 20px.</label><label for='ays-answer-3774200-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939121'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDE5NyI6IjAiLCIzNzc0MTk4IjoiMCIsIjM3NzQxOTkiOiIwIiwiMzc3NDIwMCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Một phần tử HTML có thể có nhiều lớp, các tên lớp được phân tách bằng dấu cách trong thuộc tính `class`. Phần tử sẽ nhận tất cả các kiểu định dạng từ các lớp được gán.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939122' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Điểm khác biệt CƠ BẢN nhất giữa bộ chọn lớp và bộ chọn định danh trong CSS là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939122]' id='ays-answer-3774201-31464' value='3774201'/> <label for='ays-answer-3774201-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Cú pháp khai báo (dấu chấm vs dấu thăng).</label><label for='ays-answer-3774201-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939122]' id='ays-answer-3774202-31464' value='3774202'/> <label for='ays-answer-3774202-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp có thể áp dụng cho nhiều phần tử, bộ chọn định danh chỉ áp dụng cho một phần tử duy nhất.</label><label for='ays-answer-3774202-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939122]' id='ays-answer-3774203-31464' value='3774203'/> <label for='ays-answer-3774203-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp chỉ dùng cho văn bản, bộ chọn định danh dùng cho hình ảnh.</label><label for='ays-answer-3774203-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939122]' id='ays-answer-3774204-31464' value='3774204'/> <label for='ays-answer-3774204-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh có ưu tiên thấp hơn bộ chọn lớp.</label><label for='ays-answer-3774204-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939122'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDIwMSI6IjAiLCIzNzc0MjAyIjoiMSIsIjM3NzQyMDMiOiIwIiwiMzc3NDIwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Sự khác biệt cốt lõi nằm ở số lượng phần tử mà chúng có thể áp dụng: lớp cho nhiều, ID cho duy nhất một.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939123' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Trong trường hợp nào bạn nên sử dụng bộ chọn định danh (#id) thay vì bộ chọn lớp (.class)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939123]' id='ays-answer-3774205-31464' value='3774205'/> <label for='ays-answer-3774205-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn muốn định dạng một phần tử DUY NHẤT trên trang web (ví dụ: logo trang web, tiêu đề chính).</label><label for='ays-answer-3774205-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939123]' id='ays-answer-3774206-31464' value='3774206'/> <label for='ays-answer-3774206-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn muốn áp dụng cùng một kiểu cho nhiều phần tử khác nhau.</label><label for='ays-answer-3774206-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939123]' id='ays-answer-3774207-31464' value='3774207'/> <label for='ays-answer-3774207-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn muốn định dạng tất cả các phần tử cùng loại (ví dụ: tất cả các thẻ `<p>`).</label><label for='ays-answer-3774207-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939123]' id='ays-answer-3774208-31464' value='3774208'/> <label for='ays-answer-3774208-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn muốn tạo một kiểu định dạng có thể tái sử dụng ở nhiều nơi.</label><label for='ays-answer-3774208-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939123'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDIwNSI6IjEiLCIzNzc0MjA2IjoiMCIsIjM3NzQyMDciOiIwIiwiMzc3NDIwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn định danh được dùng khi bạn cần định dạng một phần tử duy nhất, đặc trưng trên trang web, ví dụ như tiêu đề chính, thanh điều hướng chính hoặc chân trang.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939124' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Cho đoạn mã HTML và CSS sau:</p> <p>HTML:<br /> ```html</p> <div id="container"> <p class="text red">Đoạn 1</p> <p class="text">Đoạn 2</p> </div> <p>```</p> <p>CSS:<br /> ```css<br /> #container .text {<br /> font-style: italic;<br /> }</p> <p>.red {<br /> color: red;<br /> }<br /> ```</p> <p>Đoạn văn bản "Đoạn 1" sẽ được định dạng như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939124]' id='ays-answer-3774209-31464' value='3774209'/> <label for='ays-answer-3774209-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có màu đỏ.</label><label for='ays-answer-3774209-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939124]' id='ays-answer-3774210-31464' value='3774210'/> <label for='ays-answer-3774210-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có chữ nghiêng.</label><label for='ays-answer-3774210-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939124]' id='ays-answer-3774211-31464' value='3774211'/> <label for='ays-answer-3774211-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chữ nghiêng và màu đỏ.</label><label for='ays-answer-3774211-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939124]' id='ays-answer-3774212-31464' value='3774212'/> <label for='ays-answer-3774212-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Không có định dạng nào được áp dụng.</label><label for='ays-answer-3774212-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939124'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDIwOSI6IjAiLCIzNzc0MjEwIjoiMCIsIjM3NzQyMTEiOiIxIiwiMzc3NDIxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Phần tử `</p> <p class="text red">` khớp với cả hai bộ chọn `#container .text` (vì nó nằm trong div có ID `container` và có lớp `text`) và bộ chọn `.red`. Do đó, nó sẽ nhận cả hai kiểu: chữ nghiêng và màu đỏ.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939125' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Độ ưu tiên (specificity) của bộ chọn định danh (#id) so với bộ chọn lớp (.class) và bộ chọn thẻ (tag) là như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939125]' id='ays-answer-3774213-31464' value='3774213'/> <label for='ays-answer-3774213-31464' class=' ays_position_initial ays-quiz-keyboard-label'>ID có độ ưu tiên cao hơn Class và Tag.</label><label for='ays-answer-3774213-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939125]' id='ays-answer-3774214-31464' value='3774214'/> <label for='ays-answer-3774214-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Class có độ ưu tiên cao hơn ID và Tag.</label><label for='ays-answer-3774214-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939125]' id='ays-answer-3774215-31464' value='3774215'/> <label for='ays-answer-3774215-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Tag có độ ưu tiên cao nhất.</label><label for='ays-answer-3774215-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939125]' id='ays-answer-3774216-31464' value='3774216'/> <label for='ays-answer-3774216-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Độ ưu tiên là như nhau giữa ba loại bộ chọn này.</label><label for='ays-answer-3774216-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939125'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDIxMyI6IjEiLCIzNzc0MjE0IjoiMCIsIjM3NzQyMTUiOiIwIiwiMzc3NDIxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thứ tự ưu tiên cơ bản trong CSS là: Inline styles > ID selectors > Class selectors > Tag selectors. Bộ chọn định danh có độ ưu tiên cao hơn bộ chọn lớp và bộ chọn thẻ.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939126' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Cho đoạn mã HTML:</p> <p>```html</p> <div id="main" class="box"> <p class="text">Nội dung</p> </div> <p>```</p> <p>Và các quy tắc CSS:</p> <p>```css<br /> #main {<br /> border: 1px solid blue;<br /> }</p> <p>.box {<br /> padding: 10px;<br /> }</p> <p>.text {<br /> color: green;<br /> }<br /> ```</p> <p>Phần tử `</p> <div>` sẽ có các thuộc tính định dạng nào từ các quy tắc CSS trên?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939126]' id='ays-answer-3774217-31464' value='3774217'/> <label for='ays-answer-3774217-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có `border: 1px solid blue;`.</label><label for='ays-answer-3774217-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939126]' id='ays-answer-3774218-31464' value='3774218'/> <label for='ays-answer-3774218-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có `padding: 10px;`.</label><label for='ays-answer-3774218-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939126]' id='ays-answer-3774219-31464' value='3774219'/> <label for='ays-answer-3774219-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Có cả `border` và `color`.</label><label for='ays-answer-3774219-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939126]' id='ays-answer-3774220-31464' value='3774220'/> <label for='ays-answer-3774220-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Có cả `border` và `padding`.</label><label for='ays-answer-3774220-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939126'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDIxNyI6IjAiLCIzNzc0MjE4IjoiMCIsIjM3NzQyMTkiOiIwIiwiMzc3NDIyMCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Phần tử `</p> <div>` có cả `id="main"` và `class="box"`. Do đó, nó sẽ nhận định dạng từ cả bộ chọn `#main` (border) và bộ chọn `.box` (padding). Bộ chọn `.text` chỉ áp dụng cho phần tử `</p> <p>` bên trong.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939127' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Bạn muốn tạo một kiểu CSS áp dụng cho tất cả các thẻ `<button>` có thêm lớp `primary`. Bộ chọn CSS phù hợp nhất là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939127]' id='ays-answer-3774221-31464' value='3774221'/> <label for='ays-answer-3774221-31464' class=' ays_position_initial ays-quiz-keyboard-label'>button.primary { ... }</label><label for='ays-answer-3774221-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939127]' id='ays-answer-3774222-31464' value='3774222'/> <label for='ays-answer-3774222-31464' class=' ays_position_initial ays-quiz-keyboard-label'>.primary button { ... }</label><label for='ays-answer-3774222-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939127]' id='ays-answer-3774223-31464' value='3774223'/> <label for='ays-answer-3774223-31464' class=' ays_position_initial ays-quiz-keyboard-label'>#primary button { ... }</label><label for='ays-answer-3774223-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939127]' id='ays-answer-3774224-31464' value='3774224'/> <label for='ays-answer-3774224-31464' class=' ays_position_initial ays-quiz-keyboard-label'>button .primary { ... }</label><label for='ays-answer-3774224-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939127'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDIyMSI6IjEiLCIzNzc0MjIyIjoiMCIsIjM3NzQyMjMiOiIwIiwiMzc3NDIyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn một thẻ HTML cụ thể *và* có một lớp nào đó, bạn kết hợp tên thẻ và bộ chọn lớp mà không có dấu cách ở giữa.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939128' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Cho đoạn mã HTML:</p> <p>```html</p> <h2 id="title" class="main-heading"> Tiêu đề chính<br /> </h2> <p>```</p> <p>Và các quy tắc CSS:</p> <p>```css<br /> .main-heading {<br /> color: blue;<br /> }</p> <p>#title {<br /> color: red;<br /> }<br /> ```</p> <p>Màu sắc của tiêu đề "Tiêu đề chính" sẽ là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939128]' id='ays-answer-3774225-31464' value='3774225'/> <label for='ays-answer-3774225-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh dương (blue).</label><label for='ays-answer-3774225-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939128]' id='ays-answer-3774226-31464' value='3774226'/> <label for='ays-answer-3774226-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đỏ (red).</label><label for='ays-answer-3774226-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939128]' id='ays-answer-3774227-31464' value='3774227'/> <label for='ays-answer-3774227-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Cả hai màu được áp dụng cùng lúc.</label><label for='ays-answer-3774227-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939128]' id='ays-answer-3774228-31464' value='3774228'/> <label for='ays-answer-3774228-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Không có màu nào được áp dụng do xung đột.</label><label for='ays-answer-3774228-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939128'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDIyNSI6IjAiLCIzNzc0MjI2IjoiMSIsIjM3NzQyMjciOiIwIiwiMzc3NDIyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Khi có xung đột thuộc tính (ở đây là `color`), quy tắc có bộ chọn ưu tiên cao hơn sẽ được áp dụng. Bộ chọn ID (#title) có ưu tiên cao hơn bộ chọn lớp (.main-heading). Do đó, màu đỏ sẽ được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939129' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Bạn muốn định dạng một khối nội dung (`</p> <div>`) mà chỉ xuất hiện một lần duy nhất trên trang và là thành phần chính. Loại bộ chọn nào NÊN được ưu tiên sử dụng cho khối này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939129]' id='ays-answer-3774229-31464' value='3774229'/> <label for='ays-answer-3774229-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (#id).</label><label for='ays-answer-3774229-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939129]' id='ays-answer-3774230-31464' value='3774230'/> <label for='ays-answer-3774230-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (.class).</label><label for='ays-answer-3774230-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939129]' id='ays-answer-3774231-31464' value='3774231'/> <label for='ays-answer-3774231-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn thẻ (tag).</label><label for='ays-answer-3774231-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939129]' id='ays-answer-3774232-31464' value='3774232'/> <label for='ays-answer-3774232-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn nhóm (group selector).</label><label for='ays-answer-3774232-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939129'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDIyOSI6IjEiLCIzNzc0MjMwIjoiMCIsIjM3NzQyMzEiOiIwIiwiMzc3NDIzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Khi một phần tử là duy nhất và quan trọng về cấu trúc trên trang, việc sử dụng ID selector là phù hợp nhất vì nó nhấn mạnh tính độc nhất của phần tử đó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939130' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Cho đoạn mã HTML và CSS sau. Phần tử `</p> <p>` sẽ có màu gì?</p> <p>HTML:<br /> ```html</p> <div class="container"> <p class="text"> Đoạn văn bản </p> </div> <p>```</p> <p>CSS:<br /> ```css<br /> .container .text {<br /> color: blue;<br /> }</p> <p>.text {<br /> color: red;<br /> }<br /> ```</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939130]' id='ays-answer-3774233-31464' value='3774233'/> <label for='ays-answer-3774233-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh dương (blue).</label><label for='ays-answer-3774233-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939130]' id='ays-answer-3774234-31464' value='3774234'/> <label for='ays-answer-3774234-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đỏ (red).</label><label for='ays-answer-3774234-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939130]' id='ays-answer-3774235-31464' value='3774235'/> <label for='ays-answer-3774235-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Màu mặc định (thường là đen).</label><label for='ays-answer-3774235-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939130]' id='ays-answer-3774236-31464' value='3774236'/> <label for='ays-answer-3774236-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Không xác định được do xung đột.</label><label for='ays-answer-3774236-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939130'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDIzMyI6IjEiLCIzNzc0MjM0IjoiMCIsIjM3NzQyMzUiOiIwIiwiMzc3NDIzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Cả hai bộ chọn đều áp dụng cho phần tử `</p> <p>`. Bộ chọn `.container .text` là bộ chọn kết hợp (combinator selector) và có độ ưu tiên cao hơn bộ chọn lớp đơn lẻ `.text`. Do đó, màu xanh dương sẽ được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939131' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Bạn muốn tạo một kiểu CSS áp dụng cho tất cả các phần tử `</p> <li>` nằm bên trong một danh sách không có thứ tự (` <ul>`) CÓ lớp `menu`. Bộ chọn CSS phù hợp nhất là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939131]' id='ays-answer-3774237-31464' value='3774237'/> <label for='ays-answer-3774237-31464' class=' ays_position_initial ays-quiz-keyboard-label'>.menu, li { ... }</label><label for='ays-answer-3774237-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939131]' id='ays-answer-3774238-31464' value='3774238'/> <label for='ays-answer-3774238-31464' class=' ays_position_initial ays-quiz-keyboard-label'>ul.menu li { ... }</label><label for='ays-answer-3774238-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939131]' id='ays-answer-3774239-31464' value='3774239'/> <label for='ays-answer-3774239-31464' class=' ays_position_initial ays-quiz-keyboard-label'>.menu li { ... }</label><label for='ays-answer-3774239-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939131]' id='ays-answer-3774240-31464' value='3774240'/> <label for='ays-answer-3774240-31464' class=' ays_position_initial ays-quiz-keyboard-label'>li .menu { ... }</label><label for='ays-answer-3774240-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939131'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDIzNyI6IjAiLCIzNzc0MjM4IjoiMCIsIjM3NzQyMzkiOiIxIiwiMzc3NDI0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn các phần tử con (`</p> <li>`) nằm bên trong một phần tử cha (` <ul>`) có lớp cụ thể (`.menu`), sử dụng bộ chọn con cháu (descendant selector), kết hợp bộ chọn lớp của cha và bộ chọn thẻ của con, phân tách bằng dấu cách.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939132' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Cho đoạn mã HTML:</p> <p>```html<br /> <button class="btn btn-primary">Gửi</button><br /> ```</p> <p>Nếu CSS định nghĩa cả `.btn` và `.btn-primary`, thuộc tính nào từ `.btn-primary` có thể ghi đè (override) thuộc tính tương tự từ `.btn`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939132]' id='ays-answer-3774241-31464' value='3774241'/> <label for='ays-answer-3774241-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính từ `.btn-primary` sẽ ghi đè thuộc tính từ `.btn` nếu chúng định nghĩa cùng một thuộc tính và `.btn-primary` được khai báo sau trong CSS.</label><label for='ays-answer-3774241-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939132]' id='ays-answer-3774242-31464' value='3774242'/> <label for='ays-answer-3774242-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính từ `.btn` luôn ghi đè thuộc tính từ `.btn-primary`.</label><label for='ays-answer-3774242-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939132]' id='ays-answer-3774243-31464' value='3774243'/> <label for='ays-answer-3774243-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Không có thuộc tính nào bị ghi đè; cả hai đều được áp dụng cùng lúc.</label><label for='ays-answer-3774243-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939132]' id='ays-answer-3774244-31464' value='3774244'/> <label for='ays-answer-3774244-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ thuộc tính `color` mới bị ghi đè.</label><label for='ays-answer-3774244-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939132'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDI0MSI6IjEiLCIzNzc0MjQyIjoiMCIsIjM3NzQyNDMiOiIwIiwiMzc3NDI0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Khi một phần tử có nhiều lớp và các lớp đó định nghĩa cùng một thuộc tính, quy tắc CSS được khai báo sau trong tệp CSS sẽ có ưu tiên hơn (trừ khi có sự khác biệt về độ ưu tiên của bộ chọn). Trong trường hợp này, cả hai đều là bộ chọn lớp đơn lẻ, nên quy tắc viết sau sẽ thắng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939133' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Điều gì xảy ra nếu bạn gán cùng một giá trị `id` cho nhiều phần tử khác nhau trong một tài liệu HTML?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939133]' id='ays-answer-3774245-31464' value='3774245'/> <label for='ays-answer-3774245-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ phần tử đầu tiên có `id` đó được áp dụng kiểu CSS.</label><label for='ays-answer-3774245-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939133]' id='ays-answer-3774246-31464' value='3774246'/> <label for='ays-answer-3774246-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các phần tử đó đều được áp dụng kiểu CSS của `#id`, và đây là cách sử dụng đúng.</label><label for='ays-answer-3774246-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939133]' id='ays-answer-3774247-31464' value='3774247'/> <label for='ays-answer-3774247-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Mã HTML không hợp lệ và có thể gây lỗi hoặc hành vi không nhất quán khi áp dụng CSS/JavaScript.</label><label for='ays-answer-3774247-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939133]' id='ays-answer-3774248-31464' value='3774248'/> <label for='ays-answer-3774248-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Trình duyệt sẽ bỏ qua tất cả các bộ chọn ID trong CSS.</label><label for='ays-answer-3774248-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939133'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDI0NSI6IjAiLCIzNzc0MjQ2IjoiMCIsIjM3NzQyNDciOiIxIiwiMzc3NDI0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `id` phải là duy nhất trong mỗi tài liệu HTML. Mặc dù trình duyệt vẫn có thể cố gắng áp dụng CSS cho các phần tử đó, nhưng đây là mã HTML không hợp lệ và có thể gây ra hành vi không mong muốn hoặc lỗi khi sử dụng JavaScript.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939134' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Bạn muốn tạo một kiểu CSS áp dụng cho các phần tử `<span>` CHỈ khi chúng nằm ngay sau một phần tử `</p> <p>` có lớp `intro`. Bộ chọn CSS phù hợp nhất là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939134]' id='ays-answer-3774249-31464' value='3774249'/> <label for='ays-answer-3774249-31464' class=' ays_position_initial ays-quiz-keyboard-label'>.intro span { ... }</label><label for='ays-answer-3774249-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939134]' id='ays-answer-3774250-31464' value='3774250'/> <label for='ays-answer-3774250-31464' class=' ays_position_initial ays-quiz-keyboard-label'>.intro > span { ... }</label><label for='ays-answer-3774250-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939134]' id='ays-answer-3774251-31464' value='3774251'/> <label for='ays-answer-3774251-31464' class=' ays_position_initial ays-quiz-keyboard-label'>.intro ~ span { ... }</label><label for='ays-answer-3774251-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939134]' id='ays-answer-3774252-31464' value='3774252'/> <label for='ays-answer-3774252-31464' class=' ays_position_initial ays-quiz-keyboard-label'>.intro + span { ... }</label><label for='ays-answer-3774252-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939134'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDI0OSI6IjAiLCIzNzc0MjUwIjoiMCIsIjM3NzQyNTEiOiIwIiwiMzc3NDI1MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn một phần tử đứng *ngay sau* một phần tử khác, sử dụng bộ chọn anh em liền kề (adjacent sibling selector) với dấu cộng (+).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939135' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Cho đoạn mã HTML:</p> <p>```html</p> <div id="header"> <h1>Tiêu đề trang</h1> <p class="slogan">Slogan</p> </div> <div class="content"> <p class="slogan">Nội dung</p> </div> <p>```</p> <p>Bạn muốn định dạng CHỈ đoạn `</p> <p>` có lớp `slogan` nằm trong `div` có `id="header"`. Bộ chọn CSS nào sau đây là chính xác và hiệu quả nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939135]' id='ays-answer-3774253-31464' value='3774253'/> <label for='ays-answer-3774253-31464' class=' ays_position_initial ays-quiz-keyboard-label'>.slogan { ... }</label><label for='ays-answer-3774253-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939135]' id='ays-answer-3774254-31464' value='3774254'/> <label for='ays-answer-3774254-31464' class=' ays_position_initial ays-quiz-keyboard-label'>#header .slogan { ... }</label><label for='ays-answer-3774254-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939135]' id='ays-answer-3774255-31464' value='3774255'/> <label for='ays-answer-3774255-31464' class=' ays_position_initial ays-quiz-keyboard-label'>div .slogan { ... }</label><label for='ays-answer-3774255-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939135]' id='ays-answer-3774256-31464' value='3774256'/> <label for='ays-answer-3774256-31464' class=' ays_position_initial ays-quiz-keyboard-label'>#header p.slogan { ... }</label><label for='ays-answer-3774256-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939135'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDI1MyI6IjAiLCIzNzc0MjU0IjoiMSIsIjM3NzQyNTUiOiIwIiwiMzc3NDI1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn một phần tử con (`</p> <p>`) có lớp cụ thể (`.slogan`) nằm trong một phần tử cha có ID cụ thể (`#header`), kết hợp bộ chọn ID của cha và bộ chọn lớp của con.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939136' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Thuộc tính CSS nào thường được sử dụng để thay đổi màu nền của một phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939136]' id='ays-answer-3774257-31464' value='3774257'/> <label for='ays-answer-3774257-31464' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-3774257-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939136]' id='ays-answer-3774258-31464' value='3774258'/> <label for='ays-answer-3774258-31464' class=' ays_position_initial ays-quiz-keyboard-label'>font-color</label><label for='ays-answer-3774258-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939136]' id='ays-answer-3774259-31464' value='3774259'/> <label for='ays-answer-3774259-31464' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-3774259-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939136]' id='ays-answer-3774260-31464' value='3774260'/> <label for='ays-answer-3774260-31464' class=' ays_position_initial ays-quiz-keyboard-label'>text-color</label><label for='ays-answer-3774260-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939136'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDI1NyI6IjAiLCIzNzc0MjU4IjoiMCIsIjM3NzQyNTkiOiIxIiwiMzc3NDI2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `background-color` được sử dụng để thiết lập màu nền cho một phần tử HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939137' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Thuộc tính CSS nào thường được sử dụng để thay đổi kiểu chữ (ví dụ: Times New Roman, Arial)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939137]' id='ays-answer-3774261-31464' value='3774261'/> <label for='ays-answer-3774261-31464' class=' ays_position_initial ays-quiz-keyboard-label'>font-family</label><label for='ays-answer-3774261-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939137]' id='ays-answer-3774262-31464' value='3774262'/> <label for='ays-answer-3774262-31464' class=' ays_position_initial ays-quiz-keyboard-label'>font-style</label><label for='ays-answer-3774262-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939137]' id='ays-answer-3774263-31464' value='3774263'/> <label for='ays-answer-3774263-31464' class=' ays_position_initial ays-quiz-keyboard-label'>font-size</label><label for='ays-answer-3774263-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939137]' id='ays-answer-3774264-31464' value='3774264'/> <label for='ays-answer-3774264-31464' class=' ays_position_initial ays-quiz-keyboard-label'>text-font</label><label for='ays-answer-3774264-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939137'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDI2MSI6IjEiLCIzNzc0MjYyIjoiMCIsIjM3NzQyNjMiOiIwIiwiMzc3NDI2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `font-family` được sử dụng để chỉ định họ phông chữ cho văn bản.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939138' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Xét đoạn mã:</p> <p>```html</p> <p class="highlight" id="intro">Giới thiệu</p> <p>```</p> <p>Nếu có hai quy tắc CSS:</p> <p>```css<br /> .highlight { color: yellow; }<br /> #intro { color: orange; }<br /> ```</p> <p>Văn bản "Giới thiệu" sẽ có màu gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939138]' id='ays-answer-3774265-31464' value='3774265'/> <label for='ays-answer-3774265-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Màu vàng (yellow).</label><label for='ays-answer-3774265-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939138]' id='ays-answer-3774266-31464' value='3774266'/> <label for='ays-answer-3774266-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Cả vàng và cam.</label><label for='ays-answer-3774266-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939138]' id='ays-answer-3774267-31464' value='3774267'/> <label for='ays-answer-3774267-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Màu mặc định.</label><label for='ays-answer-3774267-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939138]' id='ays-answer-3774268-31464' value='3774268'/> <label for='ays-answer-3774268-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Màu cam (orange).</label><label for='ays-answer-3774268-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939138'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDI2NSI6IjAiLCIzNzc0MjY2IjoiMCIsIjM3NzQyNjciOiIwIiwiMzc3NDI2OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Phần tử có cả lớp `.highlight` và ID `#intro`. Bộ chọn ID (#intro) có độ ưu tiên cao hơn bộ chọn lớp (.highlight). Do đó, màu cam sẽ được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939139' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn muốn tạo một kiểu CSS áp dụng cho tất cả các phần tử `<input>` có thuộc tính `type` là `submit`. Loại bộ chọn nào (trong phạm vi bài học này) có thể kết hợp để làm điều đó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939139]' id='ays-answer-3774269-31464' value='3774269'/> <label for='ays-answer-3774269-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp kết hợp với tên thẻ (ví dụ: `input.submit-button`).</label><label for='ays-answer-3774269-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939139]' id='ays-answer-3774270-31464' value='3774270'/> <label for='ays-answer-3774270-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần bộ chọn ID.</label><label for='ays-answer-3774270-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939139]' id='ays-answer-3774271-31464' value='3774271'/> <label for='ays-answer-3774271-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần bộ chọn thẻ (`input`).</label><label for='ays-answer-3774271-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939139]' id='ays-answer-3774272-31464' value='3774272'/> <label for='ays-answer-3774272-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn anh em liền kề.</label><label for='ays-answer-3774272-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939139'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDI2OSI6IjEiLCIzNzc0MjcwIjoiMCIsIjM3NzQyNzEiOiIwIiwiMzc3NDI3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bài học này tập trung vào bộ chọn lớp và định danh. Mặc dù có bộ chọn thuộc tính `[type="submit"]`, nhưng trong ngữ cảnh của bài học về lớp và ID, cách tiếp cận phổ biến là gán một lớp cho các input đó (ví dụ: `<input type="submit" class="submit-button">`) và sử dụng bộ chọn lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939140' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Tại sao việc sử dụng bộ chọn lớp lại linh hoạt hơn bộ chọn định danh trong việc thiết kế các thành phần giao diện có thể tái sử dụng (ví dụ: các nút, các thẻ thông báo)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939140]' id='ays-answer-3774273-31464' value='3774273'/> <label for='ays-answer-3774273-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp có độ ưu tiên cao hơn, dễ ghi đè kiểu mặc định.</label><label for='ays-answer-3774273-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939140]' id='ays-answer-3774274-31464' value='3774274'/> <label for='ays-answer-3774274-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp chỉ áp dụng cho một phần tử duy nhất, giúp kiểm soát chặt chẽ.</label><label for='ays-answer-3774274-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939140]' id='ays-answer-3774275-31464' value='3774275'/> <label for='ays-answer-3774275-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp có thể áp dụng cho nhiều phần tử, cho phép tạo các kiểu tái sử dụng.</label><label for='ays-answer-3774275-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939140]' id='ays-answer-3774276-31464' value='3774276'/> <label for='ays-answer-3774276-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp dễ nhớ hơn bộ chọn định danh.</label><label for='ays-answer-3774276-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939140'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDI3MyI6IjAiLCIzNzc0Mjc0IjoiMCIsIjM3NzQyNzUiOiIxIiwiMzc3NDI3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp có thể áp dụng cho nhiều phần tử, cho phép tạo ra các kiểu định dạng chung có thể tái sử dụng cho nhiều thành phần giống nhau (ví dụ: tất cả các nút có kiểu 'primary'). Bộ chọn ID chỉ dùng cho một phần tử duy nhất.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939141' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Trong một tệp CSS, bạn thấy quy tắc `.error { color: red; font-weight: bold; }`. Quy tắc này sẽ áp dụng cho các phần tử HTML nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939141]' id='ays-answer-3774277-31464' value='3774277'/> <label for='ays-answer-3774277-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ các thẻ `<p>` có nội dung báo lỗi.</label><label for='ays-answer-3774277-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939141]' id='ays-answer-3774278-31464' value='3774278'/> <label for='ays-answer-3774278-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các phần tử HTML có thuộc tính `class="error"` hoặc `class="some-other-class error"`...</label><label for='ays-answer-3774278-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939141]' id='ays-answer-3774279-31464' value='3774279'/> <label for='ays-answer-3774279-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ một phần tử HTML duy nhất có `id="error"`.</label><label for='ays-answer-3774279-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939141]' id='ays-answer-3774280-31464' value='3774280'/> <label for='ays-answer-3774280-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các phần tử HTML trong tài liệu.</label><label for='ays-answer-3774280-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939141'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDI3NyI6IjAiLCIzNzc0Mjc4IjoiMSIsIjM3NzQyNzkiOiIwIiwiMzc3NDI4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp (`.error`) sẽ áp dụng cho bất kỳ phần t?? HTML nào có thuộc tính `class` chứa tên lớp `error`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939142' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Bạn muốn tạo một kiểu CSS áp dụng cho các liên kết (`<a>`) chỉ khi chúng nằm trong phần tử có `id="sidebar"`. Bộ chọn CSS phù hợp là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939142]' id='ays-answer-3774281-31464' value='3774281'/> <label for='ays-answer-3774281-31464' class=' ays_position_initial ays-quiz-keyboard-label'>#sidebar a { ... }</label><label for='ays-answer-3774281-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939142]' id='ays-answer-3774282-31464' value='3774282'/> <label for='ays-answer-3774282-31464' class=' ays_position_initial ays-quiz-keyboard-label'>a #sidebar { ... }</label><label for='ays-answer-3774282-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939142]' id='ays-answer-3774283-31464' value='3774283'/> <label for='ays-answer-3774283-31464' class=' ays_position_initial ays-quiz-keyboard-label'>#sidebar > a { ... }</label><label for='ays-answer-3774283-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939142]' id='ays-answer-3774284-31464' value='3774284'/> <label for='ays-answer-3774284-31464' class=' ays_position_initial ays-quiz-keyboard-label'>a.sidebar { ... }</label><label for='ays-answer-3774284-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939142'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDI4MSI6IjEiLCIzNzc0MjgyIjoiMCIsIjM3NzQyODMiOiIwIiwiMzc3NDI4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn phần tử con (`<a>`) nằm trong phần tử cha có ID cụ thể (`#sidebar`), sử dụng bộ chọn con cháu (descendant selector) với dấu cách.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939143' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Xem xét đoạn mã HTML và CSS:</p> <p>HTML:<br /> ```html</p> <div class="card"> <h3 class="card-title">Tiêu đề thẻ</h3> <p class="card-text">Nội dung thẻ</p> </div> <p>```</p> <p>CSS:<br /> ```css<br /> .card {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> }</p> <p>.card-title {<br /> color: navy;<br /> }</p> <p>.card-text {<br /> font-size: 14px;<br /> }<br /> ```</p> <p>Đây là ví dụ minh họa cho việc sử dụng bộ chọn lớp để làm gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939143]' id='ays-answer-3774285-31464' value='3774285'/> <label for='ays-answer-3774285-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ định dạng một phần tử duy nhất trên trang.</label><label for='ays-answer-3774285-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939143]' id='ays-answer-3774286-31464' value='3774286'/> <label for='ays-answer-3774286-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo các thành phần giao diện có thể tái sử dụng với các kiểu định dạng nhất quán.</label><label for='ays-answer-3774286-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939143]' id='ays-answer-3774287-31464' value='3774287'/> <label for='ays-answer-3774287-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Thiết lập bố cục tổng thể của toàn bộ trang web.</label><label for='ays-answer-3774287-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939143]' id='ays-answer-3774288-31464' value='3774288'/> <label for='ays-answer-3774288-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Đảm bảo mỗi phần tử có một ID duy nhất.</label><label for='ays-answer-3774288-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939143'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDI4NSI6IjAiLCIzNzc0Mjg2IjoiMSIsIjM3NzQyODciOiIwIiwiMzc3NDI4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Ví dụ này sử dụng các lớp (`.card`, `.card-title`, `.card-text`) để định dạng các thành phần khác nhau của một 'thẻ' (`div`, `h3`, `p`). Đây là một mẫu thiết kế giao diện phổ biến, nơi các lớp được dùng để định dạng các thành phần UI có cấu trúc và kiểu dáng tương tự, cho phép tái sử dụng mẫu 'thẻ' này ở nhiều nơi trên trang.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='939144' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 05</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Bạn gặp một lỗi CSS: một phần tử đáng lẽ phải có màu xanh lại hiển thị màu đỏ. Bạn kiểm tra và thấy phần tử đó có cả `class="blue-text"` và `id="main-element"`. CSS của bạn có cả hai quy tắc:</p> <p>```css<br /> .blue-text { color: blue; }<br /> #main-element { color: red; }<br /> ```</p> <p>Nguyên nhân nào gây ra lỗi hiển thị màu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939144]' id='ays-answer-3774289-31464' value='3774289'/> <label for='ays-answer-3774289-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn ID có độ ưu tiên cao hơn bộ chọn lớp và quy tắc màu đỏ từ ID đã ghi đè màu xanh từ lớp.</label><label for='ays-answer-3774289-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939144]' id='ays-answer-3774290-31464' value='3774290'/> <label for='ays-answer-3774290-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp có độ ưu tiên cao hơn và màu xanh từ lớp đã ghi đè màu đỏ từ ID.</label><label for='ays-answer-3774290-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939144]' id='ays-answer-3774291-31464' value='3774291'/> <label for='ays-answer-3774291-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Thứ tự khai báo trong HTML (ID trước Class) quyết định màu sắc.</label><label for='ays-answer-3774291-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-939144]' id='ays-answer-3774292-31464' value='3774292'/> <label for='ays-answer-3774292-31464' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ một trong hai bộ chọn (ID hoặc Class) có thể hoạt động cùng lúc trên một phần tử.</label><label for='ays-answer-3774292-31464' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_31464 === 'undefined'){ window.quizOptions_31464 = []; } window.quizOptions_31464['939144'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzc3NDI4OSI6IjEiLCIzNzc0MjkwIjoiMCIsIjM3NzQyOTEiOiIwIiwiMzc3NDI5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Lỗi xảy ra do xung đột thuộc tính `color`. Bộ chọn ID (#main-element) có độ ưu tiên cao hơn bộ chọn lớp (.blue-text), do đó quy tắc `#main-element { color: red; }` được áp dụng, ghi đè lên màu xanh dương.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-31464 * { box-sizing: border-box; } #ays-quiz-container-31464 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-31464 #ays_finish_quiz_31464 { } /* Styles for Quiz container */ #ays-quiz-container-31464{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-31464 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-31464 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-31464 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-31464 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-31464 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-31464 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-31464 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-31464 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-31464.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-31464.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-31464 #ays_finish_quiz_31464 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-31464.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-31464.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-31464.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-31464.ays-quiz-container .ays-questions-container p, #ays-quiz-container-31464.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-31464.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-31464.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-31464.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-31464.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-31464.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-31464.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-31464.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-31464.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-31464 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-31464 .ays-quiz-password-message-box, #ays-quiz-container-31464 .ays-quiz-question-note-message-box, #ays-quiz-container-31464 .ays_quiz_question, #ays-quiz-container-31464 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-31464 textarea, #ays-quiz-container-31464 input::first-letter, #ays-quiz-container-31464 select::first-letter, #ays-quiz-container-31464 option::first-letter { color: initial !important; } #ays-quiz-container-31464 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-31464 .select2-container, #ays-quiz-container-31464 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-31464 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-31464 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-31464 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-31464 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-31464 .ays-questions-container .ays-field, div#ays-quiz-container-31464 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-31464 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-31464 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-31464 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-31464 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-31464 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-31464 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-31464 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-31464 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-31464 .information_form input[type='text'], #ays-quiz-container-31464 .information_form input[type='url'], #ays-quiz-container-31464 .information_form input[type='number'], #ays-quiz-container-31464 .information_form input[type='email'], #ays-quiz-container-31464 .information_form input[type='tel'], #ays-quiz-container-31464 .information_form textarea, #ays-quiz-container-31464 .information_form select, #ays-quiz-container-31464 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-31464 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-31464 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-31464 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-31464 .right_answer_text{ color:#33cc33; } #ays-quiz-container-31464 .right_answer_text p { font-size:16px; } #ays-quiz-container-31464 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-31464 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-31464 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-31464 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-31464 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-31464 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-31464 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-31464 .ays_cb_and_a, #ays-quiz-container-31464 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-31464 iframe { /*min-height: 450px;*/ } #ays-quiz-container-31464 label.ays_for_checkbox, #ays-quiz-container-31464 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-31464 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-31464 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-31464 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-31464 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-31464 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-31464 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-31464 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-31464 div.lds-spinner, #ays-quiz-container-31464 div.lds-spinner2 { color: #000000; } #ays-quiz-container-31464 div.lds-spinner div:after, #ays-quiz-container-31464 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-31464 .lds-circle, #ays-quiz-container-31464 .lds-facebook div, #ays-quiz-container-31464 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-31464 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-31464 .lds-dual-ring::after, #ays-quiz-container-31464 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-31464 .ui.rating .icon, #ays-quiz-container-31464 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-31464 #ays_finish_quiz_31464 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-31464 #ays_finish_quiz_31464 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-31464 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-31464 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-31464 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-31464 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-31464 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-31464 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-31464 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-31464 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-31464 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-31464 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-31464 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-31464 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-31464 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-31464 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-31464 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-31464 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-31464 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-31464 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-31464 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-31464 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-31464 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-31464 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-31464 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-31464 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-31464 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-31464 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-31464 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-31464 div.ays-quiz-redirection-timer, #ays-quiz-container-31464 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-31464 div.ays-quiz-after-timer * , #ays-quiz-container-31464 div.ays-quiz-redirection-timer *, #ays-quiz-container-31464 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-31464 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-31464 input#ays-submit, #ays-quiz-container-31464 #ays_finish_quiz_31464 .action-button, #ays-quiz-container-31464 #ays_finish_quiz_31464 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-31464 #ays_finish_quiz_31464 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-31464 #ays_finish_quiz_31464 .action-button.ays_restart_button, #ays-quiz-container-31464 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-31464 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-31464 input#ays-submit, #ays-quiz-container-31464 #ays_finish_quiz_31464 input.action-button, #ays-quiz-container-31464 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-31464 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-31464 #ays_finish_quiz_31464 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-31464 #ays_finish_quiz_31464 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-31464 #ays_finish_quiz_31464 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-31464 input#ays-submit:hover, #ays-quiz-container-31464 input#ays-submit:focus, #ays-quiz-container-31464 #ays_finish_quiz_31464 .action-button:hover, #ays-quiz-container-31464 #ays_finish_quiz_31464 .action-button:focus, #ays-quiz-container-31464 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-31464 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-31464 .ays_restart_button { color: #ffffff; } #ays-quiz-container-31464 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-31464 .ays_buttons_div { justify-content: center; } #ays-quiz-container-31464 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-31464 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-31464 input[type='button'], #ays-quiz-container-31464 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-31464 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-31464 input[type='button']:focus-visible, div#ays-quiz-container-31464 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-31464 #ays_finish_quiz_31464 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-31464 #ays_finish_quiz_31464 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-31464 #ays_finish_quiz_31464 i.ays_early_finish.action-button[disabled], #ays-quiz-container-31464 #ays_finish_quiz_31464 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-31464 #ays_finish_quiz_31464 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-31464 #ays_finish_quiz_31464 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-31464 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-31464 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-31464 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-31464.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-31464 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-31464 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-31464 #ays_finish_quiz_31464 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-31464 #ays_finish_quiz_31464 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-31464 #ays_finish_quiz_31464 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-31464 #ays_finish_quiz_31464 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-31464 #ays_finish_quiz_31464 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-31464 #ays_finish_quiz_31464 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-31464 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-31464 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-31464 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-31464 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-31464 #ays_finish_quiz_31464 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-31464 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-31464 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-31464 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-31464 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-31464 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-31464 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-31464 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-31464 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-31464 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-31464 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-31464 #ays_finish_quiz_31464 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-31464 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-31464 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-31464 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-31464 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-31464 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-31464 .ays-field .select2-container--default, #ays-quiz-container-31464 .ays-field .select2-container--default .selection, #ays-quiz-container-31464 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-31464 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-31464 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-31464 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-31464 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-31464 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-31464 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-31464 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-31464 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-31464 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-31464 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-31464 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-31464 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-31464 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-31464 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-31464 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-31464 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-31464 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-31464 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-31464 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-31464 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-31464 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-31464 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-31464 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-31464.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-31464.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-31464 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-31464 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-31464 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-31464 label[for^='ays-answer']:before, #ays-quiz-container-31464 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-31464 .ays_question_report { text-align: right; } div#ays-quiz-container-31464 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-31464 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-31464.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-31464.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-31464.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-31464.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-31464.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-31464.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-31464 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-31464.ays_quiz_classic_dark .correct_div, #ays-quiz-container-31464.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-31464.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-31464.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-31464.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-31464.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-31464.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-31464.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-31464 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-31464 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-31464 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-31464 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-31464 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-31464 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-31464 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-31464 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-31464 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-31464.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-31464.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-31464 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-31464 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-31464 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-31464 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-31464 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-31464 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-31464 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-31464 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-31464 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-31464 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-31464 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-31464 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-31464 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-31464 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-31464 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-31464 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-31464 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-31464 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-31464 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-31464 .ays-quiz-personality-result-box div:before, #ays-quiz-container-31464 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-31464 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-31464 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-31464 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-31464 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-31464 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-31464 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-31464 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-31464 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-31464 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-31464 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-31464 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-31464 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-31464 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-31464{ max-width: 100%; } div#ays-quiz-container-31464 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-31464.ays_quiz_modern_light .step, div#ays-quiz-container-31464.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-31464.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-31464.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-31464.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-31464.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-31464 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-31464 .select2-container, div#ays-quiz-container-31464 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-31464 input#ays-submit, div#ays-quiz-container-31464 #ays_finish_quiz_31464 .action-button, div#ays-quiz-container-31464 #ays_finish_quiz_31464 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-31464 #ays_finish_quiz_31464 .action-button.ays_restart_button, #ays-quiz-container-31464 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-31464 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-31464 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-31464 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-31464 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-31464 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-31464 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-31464 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-31464 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-31464 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-31464 p { margin: 0.625em; } #ays-quiz-container-31464.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-31464.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-31464 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-31464.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-31464 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-31464 #ays_finish_quiz_31464 .action-button:hover, #ays-quiz-container-31464 #ays_finish_quiz_31464 .action-button:focus, #ays-quiz-container-31464 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-31464 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['31464'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMTQ2NCIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwNSIsImRlc2NyaXB0aW9uIjoiPHA+PHN0cm9uZz5CYVx1MDMwMGkgVFx1MDBlMlx1MDMyM3AgVHJcdTFlYWZjIG5naGlcdTFlYzdtIFRpbiBoXHUxZWNkYyAxMiAtIENcdTAwZTFuaCBkaVx1MWVjMXUgLSBCXHUwMGUwaSAxMDogQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDU8XC9zdHJvbmc+IFx1MDExMVx1MDFiMFx1MWVlM2MgeFx1MDBlMnkgZFx1MWVmMW5nIHZcdTFlZGJpIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgY2hcdTFlYTV0IGxcdTAxYjBcdTFlZTNuZywgc1x1MDBlMXQgdlx1MWVkYmkgblx1MWVkOWkgZHVuZyBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmggaFx1MWVjZGMsIGdpXHUwMGZhcCBiXHUxZWExbiBkXHUxZWM1IGRcdTAwZTBuZyBcdTAwZjRuIHRcdTFlYWRwIHZcdTAwZTAga2lcdTFlYzNtIHRyYSBraVx1MWViZm4gdGhcdTFlZTljIGhpXHUxZWM3dSBxdVx1MWVhMy4gSFx1MDBlM3kgY1x1MDBmOW5nIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgbFx1MDBlMG0gYlx1MDBlMGkgdFx1MWVhZHAgdHJcdTFlYWZjIG5naGlcdTFlYzdtIG5nYXkgXHUwMTExXHUxZWMzIG5cdTAwZTJuZyBjYW8gaGlcdTFlYzN1IGJpXHUxZWJmdCB2XHUwMGUwIGNodVx1MWVhOW4gYlx1MWVjYiB0XHUxZWQxdCBjaG8ga1x1MWVmMyB0aGkgc1x1MWVhZnAgdFx1MWVkYmkhPFwvcD5cclxuXHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTogVHJvbmcgQ1NTLCBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoY2xhc3Mgc2VsZWN0b3IpIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIGxcdTAwZTBtIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWNkbiBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBkdXkgbmhcdTFlYTV0IGRcdTFlZjFhIHRyXHUwMGVhbiB0XHUwMGVhbiB0aFx1MWViYiBIVE1MLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBDaFx1MWVjZG4gbVx1MWVkOXQgaG9cdTFlYjdjIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQgZFx1MWVmMWEgdHJcdTAwZWFuIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBjbGFzc2AgY1x1MWVlN2EgY2hcdTAwZmFuZy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjZG4gbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgZHV5IG5oXHUxZWE1dCBkXHUxZWYxYSB0clx1MDBlYW4gdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGlkYCBjXHUxZWU3YSBuXHUwMGYzLjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlY2RuIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgdHJvbmcgdFx1MDBlMGkgbGlcdTFlYzd1IEhUTUwuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjogQ1x1MDBmYSBwaFx1MDBlMXAga2hhaSBiXHUwMGUxbyBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCB0cm9uZyB0XHUxZWM3cCBDU1MgbmdvXHUxZWExaSAoZXh0ZXJuYWwgQ1NTKSBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuICN0ZW5fbG9wIHsgLi4uIH08XC9saT5cclxuPGxpPkIuIHRlbl9sb3AgeyAuLi4gfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiAudGVuX2xvcCB7IC4uLiB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gKnRlbl9sb3AgeyAuLi4gfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDM6IFx1MDExMFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBtXHUxZWQ5dCBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBjXHUwMGYzIHRcdTAwZWFuIGxcdTAwZTAgYGhpZ2hsaWdodGAgY2hvIG1cdTFlZDl0IFx1MDExMW9cdTFlYTFuIHZcdTAxMDNuIGJcdTFlYTNuIGA8cD5gLCBiXHUxZWExbiBzXHUxZWJkIHZpXHUxZWJmdCBtXHUwMGUzIEhUTUwgbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIDxwIGlkPTxcL2xpPlxyXG48bGk+Qi4gPHAgbmFtZT08XC9saT5cclxuPGxpPkMuIDxwIGNsYXNzLm5hbWU9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIDxwIGNsYXNzPTxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA0OiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIChJRCBzZWxlY3RvcikgdHJvbmcgQ1NTIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIGxcdTAwZTBtIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQ2hcdTFlY2RuIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGR1eSBuaFx1MWVhNXQgZFx1MWVmMWEgdHJcdTAwZWFuIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBpZGAgY1x1MWVlN2Egblx1MDBmMy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjZG4gbVx1MWVkOXQgaG9cdTFlYjdjIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQgZFx1MWVmMWEgdHJcdTAwZWFuIHRodVx1MWVkOWMgdFx1MDBlZG5oIGBjbGFzc2AgY1x1MWVlN2EgY2hcdTAwZmFuZy48XC9saT5cclxuPGxpPkMuIENoXHUxZWNkbiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgY1x1MDBmOW5nIHRcdTAwZWFuIHRoXHUxZWJiLjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlY2RuIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgdHJvbmcgdFx1MDBlMGkgbGlcdTFlYzd1IEhUTUwuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNTogQ1x1MDBmYSBwaFx1MDBlMXAga2hhaSBiXHUwMGUxbyBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIHRyb25nIENTUyBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIC50ZW5faWQgeyAuLi4gfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiAjdGVuX2lkIHsgLi4uIH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBpZCh0ZW5faWQpIHsgLi4uIH08XC9saT5cclxuPGxpPkQuIHRlbl9pZCB7IC4uLiB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNjogXHUwMTEwXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggY1x1MDBmMyB0XHUwMGVhbiBsXHUwMGUwIGBoZWFkZXJgIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBgPGRpdj5gLCBiXHUxZWExbiBzXHUxZWJkIHZpXHUxZWJmdCBtXHUwMGUzIEhUTUwgbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIDxkaXYgY2xhc3M9PFwvbGk+XHJcbjxsaT5CLiA8ZGl2IG5hbWU9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIDxkaXYgaWQ9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gPGRpdiBpZC5uYW1lPTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDc6IENobyBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUwgYDxwIGNsYXNzPVxyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVjOSBjXHUwMTAzbiBnaVx1MWVlZmEuPFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBjXHUwMGYzIGNcdTFlZTEgY2hcdTFlZWYgMjBweC48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IG5oXHUxZWFkbiBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgY1x1MWVlN2EgbFx1MWVkYnAgYGxhcmdlLWZvbnRgIHZcdTAwZWMgblx1MDBmMyBcdTAxMTFcdTFlZTluZyBzYXUuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIFx1MDExMFx1MDFiMFx1MWVlM2MgY1x1MDEwM24gZ2lcdTFlZWZhIHZcdTAwZTAgY1x1MDBmMyBjXHUxZWUxIGNoXHUxZWVmIDIwcHguPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDg6IFx1MDExMGlcdTFlYzNtIGtoXHUwMGUxYyBiaVx1MWVjN3QgQ1x1MDFhMCBCXHUxZWEyTiBuaFx1MWVhNXQgZ2lcdTFlZWZhIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIHZcdTAwZTAgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCB0cm9uZyBDU1MgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBDXHUwMGZhIHBoXHUwMGUxcCBraGFpIGJcdTAwZTFvIChkXHUxZWE1dSBjaFx1MWVhNW0gdnMgZFx1MWVhNXUgdGhcdTAxMDNuZykuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGNcdTAwZjMgdGhcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggY2hcdTFlYzkgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGR1eSBuaFx1MWVhNXQuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY2hcdTFlYzkgZFx1MDBmOW5nIGNobyB2XHUwMTAzbiBiXHUxZWEzbiwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBkXHUwMGY5bmcgY2hvIGhcdTAwZWNuaCBcdTFlYTNuaC48XC9saT5cclxuPGxpPkQuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggY1x1MDBmMyBcdTAxYjB1IHRpXHUwMGVhbiB0aFx1MWVhNXAgaFx1MDFhMW4gYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgOTogVHJvbmcgdHJcdTAxYjBcdTFlZGRuZyBoXHUxZWUzcCBuXHUwMGUwbyBiXHUxZWExbiBuXHUwMGVhbiBzXHUxZWVkIGRcdTFlZTVuZyBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oICgjaWQpIHRoYXkgdlx1MDBlYyBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoLmNsYXNzKT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBLaGkgYlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBEVVkgTkhcdTFlYTRUIHRyXHUwMGVhbiB0cmFuZyB3ZWIgKHZcdTAwZWQgZFx1MWVlNTogbG9nbyB0cmFuZyB3ZWIsIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgY2hcdTAwZWRuaCkuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gS2hpIGJcdTFlYTFuIG11XHUxZWQxbiBcdTAwZTFwIGRcdTFlZTVuZyBjXHUwMGY5bmcgbVx1MWVkOXQga2lcdTFlYzN1IGNobyBuaGlcdTFlYzF1IHBoXHUxZWE3biB0XHUxZWVkIGtoXHUwMGUxYyBuaGF1LjxcL2xpPlxyXG48bGk+Qy4gS2hpIGJcdTFlYTFuIG11XHUxZWQxbiBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGY5bmcgbG9cdTFlYTFpICh2XHUwMGVkIGRcdTFlZTU6IHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdGhcdTFlYmIgYDxwPmApLjxcL2xpPlxyXG48bGk+RC4gS2hpIGJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraVx1MWVjM3UgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIGNcdTAwZjMgdGhcdTFlYzMgdFx1MDBlMWkgc1x1MWVlZCBkXHUxZWU1bmcgXHUxZWRmIG5oaVx1MWVjMXUgblx1MDFhMWkuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTA6IENobyBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUwgdlx1MDBlMCBDU1Mgc2F1OlxuXG5IVE1MOlxuYGBgaHRtbFxuPGRpdiBpZD1cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgY1x1MDBmMyBtXHUwMGUwdSBcdTAxMTFcdTFlY2YuPFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBjXHUwMGYzIGNoXHUxZWVmIG5naGlcdTAwZWFuZy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gQ2hcdTFlZWYgbmdoaVx1MDBlYW5nIHZcdTAwZTAgbVx1MDBlMHUgXHUwMTExXHUxZWNmLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIEtoXHUwMGY0bmcgY1x1MDBmMyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMTogXHUwMTEwXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIChzcGVjaWZpY2l0eSkgY1x1MWVlN2EgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoI2lkKSBzbyB2XHUxZWRiaSBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoLmNsYXNzKSB2XHUwMGUwIGJcdTFlZDkgY2hcdTFlY2RuIHRoXHUxZWJiICh0YWcpIGxcdTAwZTAgbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gSUQgY1x1MDBmMyBcdTAxMTFcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gY2FvIGhcdTAxYTFuIENsYXNzIHZcdTAwZTAgVGFnLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIENsYXNzIGNcdTAwZjMgXHUwMTExXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIGNhbyBoXHUwMWExbiBJRCB2XHUwMGUwIFRhZy48XC9saT5cclxuPGxpPkMuIFRhZyBjXHUwMGYzIFx1MDExMVx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiBjYW8gbmhcdTFlYTV0LjxcL2xpPlxyXG48bGk+RC4gXHUwMTEwXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIGxcdTAwZTAgbmhcdTAxYjAgbmhhdSBnaVx1MWVlZmEgYmEgbG9cdTFlYTFpIGJcdTFlZDkgY2hcdTFlY2RuIG5cdTAwZTB5LjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEyOiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MOlxuXG5gYGBodG1sXG48ZGl2IGlkPVxyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVjOSBjXHUwMGYzIGBib3JkZXI6IDFweCBzb2xpZCBibHVlO2AuPFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBjXHUwMGYzIGBwYWRkaW5nOiAxMHB4O2AuPFwvbGk+XHJcbjxsaT5DLiBDXHUwMGYzIGNcdTFlYTMgYGJvcmRlcmAgdlx1MDBlMCBgY29sb3JgLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBDXHUwMGYzIGNcdTFlYTMgYGJvcmRlcmAgdlx1MDBlMCBgcGFkZGluZ2AuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQga2lcdTFlYzN1IENTUyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aFx1MWViYiBgPGJ1dHRvbj5gIGNcdTAwZjMgdGhcdTAwZWFtIGxcdTFlZGJwIGBwcmltYXJ5YC4gQlx1MWVkOSBjaFx1MWVjZG4gQ1NTIHBoXHUwMGY5IGhcdTFlZTNwIG5oXHUxZWE1dCBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYnV0dG9uLnByaW1hcnkgeyAuLi4gfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIC5wcmltYXJ5IGJ1dHRvbiB7IC4uLiB9PFwvbGk+XHJcbjxsaT5DLiAjcHJpbWFyeSBidXR0b24geyAuLi4gfTxcL2xpPlxyXG48bGk+RC4gYnV0dG9uIC5wcmltYXJ5IHsgLi4uIH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNDogQ2hvIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTDpcblxuYGBgaHRtbFxuPGgyIGlkPVxyXG48dWw+XHJcbjxsaT5BLiBNXHUwMGUwdSB4YW5oIGRcdTAxYjBcdTAxYTFuZyAoYmx1ZSkuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIE1cdTAwZTB1IFx1MDExMVx1MWVjZiAocmVkKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBDXHUxZWEzIGhhaSBtXHUwMGUwdSBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nIGNcdTAwZjluZyBsXHUwMGZhYy48XC9saT5cclxuPGxpPkQuIEtoXHUwMGY0bmcgY1x1MDBmMyBtXHUwMGUwdSBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nIGRvIHh1bmcgXHUwMTExXHUxZWQ5dC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogQlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBtXHUxZWQ5dCBraFx1MWVkMWkgblx1MWVkOWkgZHVuZyAoYDxkaXY+YCkgbVx1MDBlMCBjaFx1MWVjOSB4dVx1MWVhNXQgaGlcdTFlYzduIG1cdTFlZDl0IGxcdTFlYTduIGR1eSBuaFx1MWVhNXQgdHJcdTAwZWFuIHRyYW5nIHZcdTAwZTAgbFx1MDBlMCB0aFx1MDBlMG5oIHBoXHUxZWE3biBjaFx1MDBlZG5oLiBMb1x1MWVhMWkgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gTlx1MDBjYU4gXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxYjB1IHRpXHUwMGVhbiBzXHUxZWVkIGRcdTFlZTVuZyBjaG8ga2hcdTFlZDFpIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKCNpZCkuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKC5jbGFzcykuPFwvbGk+XHJcbjxsaT5DLiBCXHUxZWQ5IGNoXHUxZWNkbiB0aFx1MWViYiAodGFnKS48XC9saT5cclxuPGxpPkQuIEJcdTFlZDkgY2hcdTFlY2RuIG5oXHUwMGYzbSAoZ3JvdXAgc2VsZWN0b3IpLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE2OiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MIHZcdTAwZTAgQ1NTIHNhdS4gUGhcdTFlYTduIHRcdTFlZWQgYDxwPmAgc1x1MWViZCBjXHUwMGYzIG1cdTAwZTB1IGdcdTAwZWM/XG5cbkhUTUw6XG5gYGBodG1sXG48ZGl2IGNsYXNzPVxyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIE1cdTAwZTB1IHhhbmggZFx1MDFiMFx1MDFhMW5nIChibHVlKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBNXHUwMGUwdSBcdTAxMTFcdTFlY2YgKHJlZCkuPFwvbGk+XHJcbjxsaT5DLiBNXHUwMGUwdSBtXHUxZWI3YyBcdTAxMTFcdTFlY2JuaCAodGhcdTAxYjBcdTFlZGRuZyBsXHUwMGUwIFx1MDExMWVuKS48XC9saT5cclxuPGxpPkQuIEtoXHUwMGY0bmcgeFx1MDBlMWMgXHUwMTExXHUxZWNibmggXHUwMTExXHUwMWIwXHUxZWUzYyBkbyB4dW5nIFx1MDExMVx1MWVkOXQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTc6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraVx1MWVjM3UgQ1NTIFx1MDBlMXAgZFx1MWVlNW5nIGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGA8bGk+YCBuXHUxZWIxbSBiXHUwMGVhbiB0cm9uZyBtXHUxZWQ5dCBkYW5oIHNcdTAwZTFjaCBraFx1MDBmNG5nIGNcdTAwZjMgdGhcdTFlZTkgdFx1MWVmMSAoYDx1bD5gKSBDXHUwMGQzIGxcdTFlZGJwIGBtZW51YC4gQlx1MWVkOSBjaFx1MWVjZG4gQ1NTIHBoXHUwMGY5IGhcdTFlZTNwIG5oXHUxZWE1dCBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIC5tZW51LCBsaSB7IC4uLiB9PFwvbGk+XHJcbjxsaT5CLiB1bC5tZW51IGxpIHsgLi4uIH08XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gLm1lbnUgbGkgeyAuLi4gfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGxpIC5tZW51IHsgLi4uIH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxODogQ2hvIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTDpcblxuYGBgaHRtbFxuPGJ1dHRvbiBjbGFzcz1cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBUaHVcdTFlZDljIHRcdTAwZWRuaCB0XHUxZWViIGAuYnRuLXByaW1hcnlgIHNcdTFlYmQgZ2hpIFx1MDExMVx1MDBlOCB0aHVcdTFlZDljIHRcdTAwZWRuaCB0XHUxZWViIGAuYnRuYCBuXHUxZWJmdSBjaFx1MDBmYW5nIFx1MDExMVx1MWVjYm5oIG5naFx1MDEyOWEgY1x1MDBmOW5nIG1cdTFlZDl0IHRodVx1MWVkOWMgdFx1MDBlZG5oIHZcdTAwZTAgYC5idG4tcHJpbWFyeWAgXHUwMTExXHUwMWIwXHUxZWUzYyBraGFpIGJcdTAwZTFvIHNhdSB0cm9uZyBDU1MuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggdFx1MWVlYiBgLmJ0bmAgbHVcdTAwZjRuIGdoaSBcdTAxMTFcdTAwZTggdGh1XHUxZWQ5YyB0XHUwMGVkbmggdFx1MWVlYiBgLmJ0bi1wcmltYXJ5YC48XC9saT5cclxuPGxpPkMuIEtoXHUwMGY0bmcgY1x1MDBmMyB0aHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUwbyBiXHUxZWNiIGdoaSBcdTAxMTFcdTAwZTg7IGNcdTFlYTMgaGFpIFx1MDExMVx1MWVjMXUgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZyBjXHUwMGY5bmcgbFx1MDBmYWMuPFwvbGk+XHJcbjxsaT5ELiBDaFx1MWVjOSB0aHVcdTFlZDljIHRcdTAwZWRuaCBgY29sb3JgIG1cdTFlZGJpIGJcdTFlY2IgZ2hpIFx1MDExMVx1MDBlOC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOTogXHUwMTEwaVx1MWVjMXUgZ1x1MDBlYyB4XHUxZWEzeSByYSBuXHUxZWJmdSBiXHUxZWExbiBnXHUwMGUxbiBjXHUwMGY5bmcgbVx1MWVkOXQgZ2lcdTAwZTEgdHJcdTFlY2IgYGlkYCBjaG8gbmhpXHUxZWMxdSBwaFx1MWVhN24gdFx1MWVlZCBraFx1MDBlMWMgbmhhdSB0cm9uZyBtXHUxZWQ5dCB0XHUwMGUwaSBsaVx1MWVjN3UgSFRNTD9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgcGhcdTFlYTduIHRcdTFlZWQgXHUwMTExXHUxZWE3dSB0aVx1MDBlYW4gY1x1MDBmMyBgaWRgIFx1MDExMVx1MDBmMyBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBDU1MuPFwvbGk+XHJcbjxsaT5CLiBUXHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMVx1MDBmMyBcdTAxMTFcdTFlYzF1IFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMGUxcCBkXHUxZWU1bmcga2lcdTFlYzN1IENTUyBjXHUxZWU3YSBgI2lkYCwgdlx1MDBlMCBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgY1x1MDBlMWNoIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MDBmYW5nLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBNXHUwMGUzIEhUTUwga2hcdTAwZjRuZyBoXHUxZWUzcCBsXHUxZWM3IHZcdTAwZTAgY1x1MDBmMyB0aFx1MWVjMyBnXHUwMGUyeSBsXHUxZWQ3aSBob1x1MWViN2MgaFx1MDBlMG5oIHZpIGtoXHUwMGY0bmcgbmhcdTFlYTV0IHF1XHUwMGUxbiBraGkgXHUwMGUxcCBkXHUxZWU1bmcgQ1NTXC9KYXZhU2NyaXB0LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFRyXHUwMGVjbmggZHV5XHUxZWM3dCBzXHUxZWJkIGJcdTFlY2YgcXVhIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgYlx1MWVkOSBjaFx1MWVjZG4gSUQgdHJvbmcgQ1NTLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIwOiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQga2lcdTFlYzN1IENTUyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgYDxzcGFuPmAgQ0hcdTFlYzgga2hpIGNoXHUwMGZhbmcgblx1MWViMW0gbmdheSBzYXUgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgYDxwPmAgY1x1MDBmMyBsXHUxZWRicCBgaW50cm9gLiBCXHUxZWQ5IGNoXHUxZWNkbiBDU1MgcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0IGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gLmludHJvIHNwYW4geyAuLi4gfTxcL2xpPlxyXG48bGk+Qi4gLmludHJvID4gc3BhbiB7IC4uLiB9PFwvbGk+XHJcbjxsaT5DLiAuaW50cm8gfiBzcGFuIHsgLi4uIH08XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gLmludHJvICsgc3BhbiB7IC4uLiB9PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIxOiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MOlxuXG5gYGBodG1sXG48ZGl2IGlkPVxyXG48dWw+XHJcbjxsaT5BLiAuc2xvZ2FuIHsgLi4uIH08XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gI2hlYWRlciAuc2xvZ2FuIHsgLi4uIH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBkaXYgLnNsb2dhbiB7IC4uLiB9PFwvbGk+XHJcbjxsaT5ELiAjaGVhZGVyIHAuc2xvZ2FuIHsgLi4uIH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMjogVGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvIHRoXHUwMWIwXHUxZWRkbmcgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgdGhheSBcdTAxMTFcdTFlZDVpIG1cdTAwZTB1IG5cdTFlYzFuIGNcdTFlZTdhIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkP1xyXG48dWw+XHJcbjxsaT5BLiBjb2xvcjxcL2xpPlxyXG48bGk+Qi4gZm9udC1jb2xvcjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBiYWNrZ3JvdW5kLWNvbG9yPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gdGV4dC1jb2xvcjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIzOiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyB0aGF5IFx1MDExMVx1MWVkNWkga2lcdTFlYzN1IGNoXHUxZWVmICh2XHUwMGVkIGRcdTFlZTU6IFRpbWVzIE5ldyBSb21hbiwgQXJpYWwpP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGZvbnQtZmFtaWx5PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gZm9udC1zdHlsZTxcL2xpPlxyXG48bGk+Qy4gZm9udC1zaXplPFwvbGk+XHJcbjxsaT5ELiB0ZXh0LWZvbnQ8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNDogWFx1MDBlOXQgXHUwMTExb1x1MWVhMW4gbVx1MDBlMzpcblxuYGBgaHRtbFxuPHAgY2xhc3M9XHJcbjx1bD5cclxuPGxpPkEuIE1cdTAwZTB1IHZcdTAwZTBuZyAoeWVsbG93KS48XC9saT5cclxuPGxpPkIuIENcdTFlYTMgdlx1MDBlMG5nIHZcdTAwZTAgY2FtLjxcL2xpPlxyXG48bGk+Qy4gTVx1MDBlMHUgbVx1MWViN2MgXHUwMTExXHUxZWNibmguPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIE1cdTAwZTB1IGNhbSAob3JhbmdlKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjU6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraVx1MWVjM3UgQ1NTIFx1MDBlMXAgZFx1MWVlNW5nIGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGA8aW5wdXQ+YCBjXHUwMGYzIHRodVx1MWVkOWMgdFx1MDBlZG5oIGB0eXBlYCBsXHUwMGUwIGBzdWJtaXRgLiBMb1x1MWVhMWkgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gKHRyb25nIHBoXHUxZWExbSB2aSBiXHUwMGUwaSBoXHUxZWNkYyBuXHUwMGUweSkgY1x1MDBmMyB0aFx1MWVjMyBrXHUxZWJmdCBoXHUxZWUzcCBcdTAxMTFcdTFlYzMgbFx1MDBlMG0gXHUwMTExaVx1MWVjMXUgXHUwMTExXHUwMGYzP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGtcdTFlYmZ0IGhcdTFlZTNwIHZcdTFlZGJpIHRcdTAwZWFuIHRoXHUxZWJiICh2XHUwMGVkIGRcdTFlZTU6IGBpbnB1dC5zdWJtaXQtYnV0dG9uYCkuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgY1x1MWVhN24gYlx1MWVkOSBjaFx1MWVjZG4gSUQuPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBjXHUxZWE3biBiXHUxZWQ5IGNoXHUxZWNkbiB0aFx1MWViYiAoYGlucHV0YCkuPFwvbGk+XHJcbjxsaT5ELiBCXHUxZWQ5IGNoXHUxZWNkbiBhbmggZW0gbGlcdTFlYzFuIGtcdTFlYzEuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjY6IFRcdTFlYTFpIHNhbyB2aVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgbFx1MWVhMWkgbGluaCBob1x1MWVhMXQgaFx1MDFhMW4gYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCB0cm9uZyB2aVx1MWVjN2MgdGhpXHUxZWJmdCBrXHUxZWJmIGNcdTAwZTFjIHRoXHUwMGUwbmggcGhcdTFlYTduIGdpYW8gZGlcdTFlYzduIGNcdTAwZjMgdGhcdTFlYzMgdFx1MDBlMWkgc1x1MWVlZCBkXHUxZWU1bmcgKHZcdTAwZWQgZFx1MWVlNTogY1x1MDBlMWMgblx1MDBmYXQsIGNcdTAwZTFjIHRoXHUxZWJiIHRoXHUwMGY0bmcgYlx1MDBlMW8pP1xyXG48dWw+XHJcbjxsaT5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBjXHUwMGYzIFx1MDExMVx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiBjYW8gaFx1MDFhMW4sIGRcdTFlYzUgZ2hpIFx1MDExMVx1MDBlOCBraVx1MWVjM3UgbVx1MWViN2MgXHUwMTExXHUxZWNibmguPFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBjaFx1MWVjOSBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgZHV5IG5oXHUxZWE1dCwgZ2lcdTAwZmFwIGtpXHUxZWMzbSBzb1x1MDBlMXQgY2hcdTFlYjd0IGNoXHUxZWJkLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBjXHUwMGYzIHRoXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBuaGlcdTFlYzF1IHBoXHUxZWE3biB0XHUxZWVkLCBjaG8gcGhcdTAwZTlwIHRcdTFlYTFvIGNcdTAwZTFjIGtpXHUxZWMzdSB0XHUwMGUxaSBzXHUxZWVkIGRcdTFlZTVuZy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBkXHUxZWM1IG5oXHUxZWRiIGhcdTAxYTFuIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmguPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjc6IFRyb25nIG1cdTFlZDl0IHRcdTFlYzdwIENTUywgYlx1MWVhMW4gdGhcdTFlYTV5IHF1eSB0XHUxZWFmYyBgLmVycm9yIHsgY29sb3I6IHJlZDsgZm9udC13ZWlnaHQ6IGJvbGQ7IH1gLiBRdXkgdFx1MWVhZmMgblx1MDBlMHkgc1x1MWViZCBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgSFRNTCBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgY1x1MDBlMWMgdGhcdTFlYmIgYDxwPmAgY1x1MDBmMyBuXHUxZWQ5aSBkdW5nIGJcdTAwZTFvIGxcdTFlZDdpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBUXHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIEhUTUwgY1x1MDBmMyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgY2xhc3M9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgSFRNTCBkdXkgbmhcdTFlYTV0IGNcdTAwZjMgYGlkPTxcL2xpPlxyXG48bGk+RC4gVFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIHRyb25nIHRcdTAwZTBpIGxpXHUxZWM3dS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyODogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtpXHUxZWMzdSBDU1MgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIGNcdTAwZTFjIGxpXHUwMGVhbiBrXHUxZWJmdCAoYDxhPmApIGNoXHUxZWM5IGtoaSBjaFx1MDBmYW5nIG5cdTFlYjFtIHRyb25nIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgYGlkPVxyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuICNzaWRlYmFyIGEgeyAuLi4gfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGEgI3NpZGViYXIgeyAuLi4gfTxcL2xpPlxyXG48bGk+Qy4gI3NpZGViYXIgPiBhIHsgLi4uIH08XC9saT5cclxuPGxpPkQuIGEuc2lkZWJhciB7IC4uLiB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjk6IFhlbSB4XHUwMGU5dCBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUwgdlx1MDBlMCBDU1M6XG5cbkhUTUw6XG5gYGBodG1sXG48ZGl2IGNsYXNzPVxyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVjOSBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgZHV5IG5oXHUxZWE1dCB0clx1MDBlYW4gdHJhbmcuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIFRcdTFlYTFvIGNcdTAwZTFjIHRoXHUwMGUwbmggcGhcdTFlYTduIGdpYW8gZGlcdTFlYzduIGNcdTAwZjMgdGhcdTFlYzMgdFx1MDBlMWkgc1x1MWVlZCBkXHUxZWU1bmcgdlx1MWVkYmkgY1x1MDBlMWMga2lcdTFlYzN1IFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBuaFx1MWVhNXQgcXVcdTAwZTFuLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFRoaVx1MWViZnQgbFx1MWVhZHAgYlx1MWVkMSBjXHUxZWU1YyB0XHUxZWQ1bmcgdGhcdTFlYzMgY1x1MWVlN2EgdG9cdTAwZTBuIGJcdTFlZDkgdHJhbmcgd2ViLjxcL2xpPlxyXG48bGk+RC4gXHUwMTEwXHUxZWEzbSBiXHUxZWEzbyBtXHUxZWQ3aSBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGYzIG1cdTFlZDl0IElEIGR1eSBuaFx1MWVhNXQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzA6IEJcdTFlYTFuIGdcdTFlYjdwIG1cdTFlZDl0IGxcdTFlZDdpIENTUzogbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgXHUwMTExXHUwMGUxbmcgbFx1MWViZCBwaFx1MWVhM2kgY1x1MDBmMyBtXHUwMGUwdSB4YW5oIGxcdTFlYTFpIGhpXHUxZWMzbiB0aFx1MWVjYiBtXHUwMGUwdSBcdTAxMTFcdTFlY2YuIEJcdTFlYTFuIGtpXHUxZWMzbSB0cmEgdlx1MDBlMCB0aFx1MWVhNXkgcGhcdTFlYTduIHRcdTFlZWQgXHUwMTExXHUwMGYzIGNcdTAwZjMgY1x1MWVhMyBgY2xhc3M9XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gSUQgY1x1MDBmMyBcdTAxMTFcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gY2FvIGhcdTAxYTFuIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIHZcdTAwZTAgcXV5IHRcdTFlYWZjIG1cdTAwZTB1IFx1MDExMVx1MWVjZiB0XHUxZWViIElEIFx1MDExMVx1MDBlMyBnaGkgXHUwMTExXHUwMGU4IG1cdTAwZTB1IHhhbmggdFx1MWVlYiBsXHUxZWRicC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBjXHUwMGYzIFx1MDExMVx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiBjYW8gaFx1MDFhMW4gdlx1MDBlMCBtXHUwMGUwdSB4YW5oIHRcdTFlZWIgbFx1MWVkYnAgXHUwMTExXHUwMGUzIGdoaSBcdTAxMTFcdTAwZTggbVx1MDBlMHUgXHUwMTExXHUxZWNmIHRcdTFlZWIgSUQuPFwvbGk+XHJcbjxsaT5DLiBUaFx1MWVlOSB0XHUxZWYxIGtoYWkgYlx1MDBlMW8gdHJvbmcgSFRNTCAoSUQgdHJcdTAxYjBcdTFlZGJjIENsYXNzKSBxdXlcdTFlYmZ0IFx1MDExMVx1MWVjYm5oIG1cdTAwZTB1IHNcdTFlYWZjLjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlYzkgbVx1MWVkOXQgdHJvbmcgaGFpIGJcdTFlZDkgY2hcdTFlY2RuIChJRCBob1x1MWViN2MgQ2xhc3MpIGNcdTAwZjMgdGhcdTFlYzMgaG9cdTFlYTF0IFx1MDExMVx1MWVkOW5nIGNcdTAwZjluZyBsXHUwMGZhYyB0clx1MDBlYW4gbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbiIsInF1aXpfaW1hZ2UiOm51bGwsInF1aXpfY2F0ZWdvcnlfaWQiOiIzMjE5IiwicXVlc3Rpb25faWRzIjoiOTM5MTE1LDkzOTExNiw5MzkxMTcsOTM5MTE4LDkzOTExOSw5MzkxMjAsOTM5MTIxLDkzOTEyMiw5MzkxMjMsOTM5MTI0LDkzOTEyNSw5MzkxMjYsOTM5MTI3LDkzOTEyOCw5MzkxMjksOTM5MTMwLDkzOTEzMSw5MzkxMzIsOTM5MTMzLDkzOTEzNCw5MzkxMzUsOTM5MTM2LDkzOTEzNyw5MzkxMzgsOTM5MTM5LDkzOTE0MCw5MzkxNDEsOTM5MTQyLDkzOTE0Myw5MzkxNDQiLCJvcmRlcmluZyI6IjMxNDY0IiwicHVibGlzaGVkIjoiMSIsImNyZWF0ZV9kYXRlIjpudWxsLCJxdWl6X3VybCI6bnVsbCwiaW50ZXJ2YWxzIjoiW3tcImludGVydmFsX21pblwiOlwiMFwiLFwiaW50ZXJ2YWxfbWF4XCI6XCIyNVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQVwifSx7XCJpbnRlcnZhbF9taW5cIjpcIjI2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjUwXCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJCXCJ9LHtcImludGVydmFsX21pblwiOlwiNTFcIixcImludGVydmFsX21heFwiOlwiNzVcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkNcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI3NlwiLFwiaW50ZXJ2YWxfbWF4XCI6XCIxMDBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkRcIn1dIiwiaXNfdXNlcl9sb2dnZWRfaW4iOmZhbHNlLCJxdWl6X2FuaW1hdGlvbl90b3AiOjEwMCwicXVpel9lbmFibGVfYW5pbWF0aW9uX3RvcCI6Im9uIiwic3RvcmVfYWxsX25vdF9maW5pc2hlZF9yZXN1bHRzIjpmYWxzZX0='; </script> <input type='hidden' name='quiz_id' value='31464'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_31464' value='45d85a0ccb'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-32402'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_32402' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 06</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 06</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p> <div class="question-block"> <p>Câu 1: Bạn muốn tạo một kiểu dáng (ví dụ: màu chữ xanh) có thể áp dụng linh hoạt cho nhiều đoạn văn bản khác nhau trong trang web của mình. Trong CSS, loại bộ chọn nào là phù hợp nhất để định nghĩa kiểu dáng này?</p> <ul> <li>A. Bộ chọn định danh (ID selector)</li> <li><strong>B. Bộ chọn lớp (Class selector)</strong></li> <li>C. Bộ chọn phần tử (Element selector)</li> <li>D. Bộ chọn chung (Universal selector)</li> </ul> </div> <div class="question-block"> <p>Câu 2: Để khai báo một bộ chọn lớp có tên là `highlight` trong tệp CSS, cú pháp nào sau đây là đúng?</p> <ul> <li>A. #highlight { ... }</li> <li>B. highlight { ... }</li> <li><strong>C. .highlight { ... }</strong></li> <li>D. *highlight { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 3: Bạn có một phần tử `div` duy nhất trên trang cần được định dạng đặc biệt (ví dụ: làm thanh bên cố định). Loại bộ chọn nào trong CSS là phù hợp nhất để nhắm mục tiêu chính xác và duy nhất phần tử này?</p> <ul> <li><strong>A. Bộ chọn định danh (ID selector)</strong></li> <li>B. Bộ chọn lớp (Class selector)</li> <li>C. Bộ chọn phần tử (Element selector)</li> <li>D. Bộ chọn thuộc tính (Attribute selector)</li> </ul> </div> <div class="question-block"> <p>Câu 4: Để khai báo một bộ chọn định danh có tên là `main-header` trong tệp CSS, cú pháp nào sau đây là đúng?</p> <ul> <li>A. .main-header { ... }</li> <li><strong>B. #main-header { ... }</strong></li> <li>C. main-header { ... }</li> <li>D. *main-header { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 5: Cho đoạn mã HTML: `</p> <p class= <ul> <li>A. Màu chữ xanh và chữ thường.</li> <li>B. Màu chữ mặc định và chữ đậm.</li> <li>C. Chỉ có màu chữ xanh (vì lớp `intro` đứng trước).</li> <li><strong>D. Màu chữ xanh và chữ đậm.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 6: Điểm khác biệt cơ bản nhất giữa bộ chọn lớp (class selector) và bộ chọn định danh (ID selector) là gì?</p> <ul> <li>A. Bộ chọn lớp chỉ dùng cho văn bản, bộ chọn định danh dùng cho hình ảnh.</li> <li>B. Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh.</li> <li><strong>C. Bộ chọn lớp có thể áp dụng cho nhiều phần tử, bộ chọn định danh chỉ áp dụng cho một phần tử duy nhất.</strong></li> <li>D. Bộ chọn lớp được dùng trong CSS, bộ chọn định danh được dùng trong HTML.</li> </ul> </div> <div class="question-block"> <p>Câu 7: Cho đoạn mã HTML: `</p> <div id= <ul> <li><strong>A. #sidebar { width: 200px; }</strong></li> <li>B. .sidebar { width: 200px; }</li> <li>C. div#sidebar { width: 200px; }</li> <li>D. sidebar { width: 200px; }</li> </ul> </div> <div class="question-block"> <p>Câu 8: Bạn muốn áp dụng hai kiểu dáng đã định nghĩa sẵn cho một nút bấm (`<button>`). Hai kiểu dáng đó là `.button-base` (định nghĩa các thuộc tính cơ bản như padding, border) và `.button-primary` (định nghĩa màu nền và màu chữ cho nút chính). Cú pháp HTML nào sau đây là đúng để áp dụng cả hai lớp này?</p> <ul> <li>A. <button class=</li> <li>B. <button class=</li> <li>C. <button class=</li> <li><strong>D. <button class=</strong></li> </ul> </div> <div class="question-block"> <p>Câu 9: Trong CSS, thuộc tính nào thường được sử dụng bên trong các bộ chọn lớp hoặc định danh để thay đổi màu nền của một phần tử?</p> <ul> <li><strong>A. background-color</strong></li> <li>B. color</li> <li>C. border-color</li> <li>D. font-color</li> </ul> </div> <div class="question-block"> <p>Câu 10: Giả sử bạn có đoạn HTML `</p> <h1 id= <ul> <li>A. 2em</li> <li>B. Kết hợp cả hai, khoảng 5em.</li> <li><strong>C. 3em</strong></li> <li>D. Sẽ xảy ra lỗi vì không thể áp dụng cả ID và Class cùng lúc.</li> </ul> </div> <div class="question-block"> <p>Câu 11: Bạn đang thiết kế một form đăng ký. Bạn muốn tất cả các ô nhập liệu (`<input>`) có đường viền màu xám, nhưng riêng ô nhập email cần có đường viền màu xanh để nhấn mạnh. Bạn nên sử dụng loại bộ chọn nào cho ô nhập email?</p> <ul> <li>A. Chỉ dùng bộ chọn phần tử `input`.</li> <li><strong>B. Sử dụng bộ chọn lớp riêng cho ô nhập email.</strong></li> <li>C. Sử dụng bộ chọn định danh riêng cho ô nhập email.</li> <li>D. Sử dụng bộ chọn chung `*`.</li> </ul> </div> <div class="question-block"> <p>Câu 12: Cho đoạn HTML: `</p> <div class= <ul> <li><strong>A. .card h2 { ... }</strong></li> <li>B. #card h2 { ... }</li> <li>C. h2.card { ... }</li> <li>D. div > h2.card { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 13: Bạn sử dụng bộ chọn định danh `#footer` để định dạng chân trang của website. Nếu bạn thêm một phần tử khác với cùng ID là `</p> <div id= <ul> <li>A. Chỉ phần tử `footer` đầu tiên được định dạng.</li> <li>B. Chỉ phần tử `footer` cuối cùng được định dạng.</li> <li>C. Không có phần tử nào được định dạng vì ID bị trùng lặp.</li> <li><strong>D. Cả hai phần tử có ID `footer` có thể sẽ được định dạng (mặc dù đây là hành vi không chuẩn).</strong></li> </ul> </div> <div class="question-block"> <p>Câu 14: Bạn muốn tạo một kiểu dáng đặc biệt cho tất cả các liên kết (`<a>`) nằm trong phần tử có ID là `navigation`. Cú pháp CSS nào sau đây là đúng?</p> <ul> <li>A. a#navigation { ... }</li> <li><strong>B. #navigation a { ... }</strong></li> <li>C. .navigation a { ... }</li> <li>D. a.navigation { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 15: Trong CSS, thuộc tính nào được sử dụng để thay đổi kiểu phông chữ (ví dụ: Arial, Verdana) cho một phần tử được chọn bởi lớp hoặc ID?</p> <ul> <li>A. font-size</li> <li>B. font-weight</li> <li><strong>C. font-family</strong></li> <li>D. text-decoration</li> </ul> </div> <div class="question-block"> <p>Câu 16: Cho đoạn HTML: `</p> <div id= <ul> <li><strong>A. Xanh lá cây (green).</strong></li> <li>B. Màu mặc định (thường là đen).</li> <li>C. Không có màu vì cú pháp bộ chọn sai.</li> <li>D. Màu của phần tử cha (`#header`).</li> </ul> </div> <div class="question-block"> <p>Câu 17: Khi nào bạn nên ưu tiên sử dụng bộ chọn lớp thay vì bộ chọn định danh?</p> <ul> <li>A. Khi phần tử cần định dạng là duy nhất trên trang.</li> <li>B. Khi bạn cần độ ưu tiên rất cao cho quy tắc CSS.</li> <li><strong>C. Khi bạn muốn áp dụng cùng một kiểu dáng cho nhiều phần tử khác nhau.</strong></li> <li>D. Khi bạn định dạng các phần tử như `body` hoặc `html`.</li> </ul> </div> <div class="question-block"> <p>Câu 18: Để liên kết một tệp tin định nghĩa kiểu dáng CSS bên ngoài (ví dụ: `style.css`) vào một tệp HTML, thẻ HTML nào sau đây được sử dụng phổ biến nhất và nên đặt ở đâu trong cấu trúc HTML?</p> <ul> <li>A. <script src=</li> <li><strong>B. <link rel=</strong></li> <li>C.<br /> <style src=</li> <li>D. <stylesheet>style.css</stylesheet> trong phần `<head>`.</li> </ul> </div> <div class="question-block"> <p>Câu 19: Cho đoạn CSS: `.box { padding: 10px; } .bordered { border: 1px solid black; }`. Nếu bạn có `</p> <div class= <ul> <li>A. Chỉ quy tắc của lớp `bordered` (vì nó đứng trước trong thuộc tính class).</li> <li>B. Chỉ quy tắc của lớp `box` (vì nó đứng sau trong thuộc tính class).</li> <li>C. Không có quy tắc nào được áp dụng vì cú pháp nhiều lớp sai.</li> <li><strong>D. Cả quy tắc của lớp `box` và lớp `bordered` đều được áp dụng.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 20: Bạn đang xây dựng một trang web tin tức. Bạn muốn tất cả các tiêu đề bài viết (`</p> <h2>`) có màu xanh lam, nhưng tiêu đề của bài viết nổi bật nhất trên trang chủ (`</p> <h2>` duy nhất) cần có màu đỏ và cỡ chữ lớn hơn. Bạn nên sử dụng loại bộ chọn nào cho tiêu đề bài viết nổi bật?</p> <ul> <li><strong>A. Bộ chọn định danh (ID selector).</strong></li> <li>B. Bộ chọn lớp (Class selector).</li> <li>C. Chỉ dùng bộ chọn phần tử `h2`.</li> <li>D. Bộ chọn con cháu.</li> </ul> </div> <div class="question-block"> <p>Câu 21: Cho đoạn HTML: `</p> <section id= <ul> <li>A. .section-title #about { ... }</li> <li>B. h2#about { ... }</li> <li><strong>C. #about .section-title { ... }</strong></li> <li>D. .about > .section-title { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 22: Thuộc tính HTML nào được sử dụng để gán một hoặc nhiều tên lớp cho một phần tử, cho phép nó được chọn bởi bộ chọn lớp trong CSS?</p> <ul> <li><strong>A. class</strong></li> <li>B. id</li> <li>C. name</li> <li>D. style</li> </ul> </div> <div class="question-block"> <p>Câu 23: Thuộc tính HTML nào được sử dụng để gán một tên định danh duy nhất cho một phần tử, cho phép nó được chọn bởi bộ chọn định danh trong CSS?</p> <ul> <li>A. class</li> <li><strong>B. id</strong></li> <li>C. name</li> <li>D. selector</li> </ul> </div> <div class="question-block"> <p>Câu 24: Bạn có đoạn HTML: `</p> <div class= <ul> <li>A. Chỉ thẻ ` <p>`.</li> <li>B. Chỉ thẻ `<span>`.</li> <li>C. Chỉ thẻ ` <p>` nằm trong `div` có lớp `container`.</li> <li><strong>D. Cả thẻ ` <p>` và thẻ `<span>`.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 25: Bạn muốn tạo một kiểu dáng cho các phần tử `div` có lớp `special`. Cú pháp CSS nào sau đây là đúng để chỉ định kiểu dáng chỉ cho các phần tử `div` mang lớp `special`?</p> <ul> <li>A. .special div { ... }</li> <li><strong>B. div.special { ... }</strong></li> <li>C. div, .special { ... }</li> <li>D. #special div { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 26: Bạn cần định dạng một bảng (`</p> <table>`) duy nhất trên trang web của mình với một chiều rộng cố định và đường viền đặc biệt. Bạn nên sử dụng loại bộ chọn nào cho bảng này?</p> <ul> <li><strong>A. Bộ chọn định danh (ID selector).</strong></li> <li>B. Bộ chọn lớp (Class selector).</li> <li>C. Bộ chọn phần tử (Element selector).</li> <li>D. Bộ chọn thuộc tính (Attribute selector).</li> </ul> </div> <div class="question-block"> <p>Câu 27: Bạn muốn tạo một hiệu ứng di chuột (hover effect) cho các nút bấm có lớp `btn`. Cú pháp CSS nào sau đây là đúng để chọn các nút bấm này khi người dùng di chuột qua?</p> <ul> <li>A. #btn:hover { ... }</li> <li>B. btn:hover { ... }</li> <li>C. .btn hover { ... }</li> <li><strong>D. .btn:hover { ... }</strong></li> </ul> </div> <div class="question-block"> <p>Câu 28: Cho đoạn HTML: `</p> <p id= <ul> <li><strong>A. Xanh lam (blue).</strong></li> <li>B. Đỏ (red).</li> <li>C. Màu mặc định.</li> <li>D. Kết hợp cả hai màu.</li> </ul> </div> <div class="question-block"> <p>Câu 29: Bạn muốn áp dụng cùng một kiểu dáng (ví dụ: thêm border) cho tất cả các hình ảnh trong một bộ sưu tập (gallery). Bạn nên sử dụng loại bộ chọn nào để định nghĩa kiểu dáng này một cách hiệu quả, cho phép tái sử dụng cho các bộ sưu tập hình ảnh khác?</p> <ul> <li>A. Bộ chọn định danh (ID selector).</li> <li><strong>B. Bộ chọn lớp (Class selector).</strong></li> <li>C. Bộ chọn phần tử `img`.</li> <li>D. Bộ chọn con cháu kết hợp với ID của bộ sưu tập.</li> </ul> </div> <div class="question-block"> <p>Câu 30: Cho đoạn HTML: `</p> <article> <h2 class= <ul> <li>A. Màu nền mặc định (trong suốt).</li> <li>B. Không có màu nền vì cú pháp bộ chọn sai.</li> <li><strong>C. Màu nền vàng (yellow).</strong></li> <li>D. Màu nền của phần tử `article`.</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='32402'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-10-bo-chon-lop-bo-chon-dinh-danh-canh-dieu/'/> <input type='hidden' name='ays_quiz_questions' value='967130,967131,967132,967133,967134,967135,967136,967137,967138,967139,967140,967141,967142,967143,967144,967145,967146,967147,967148,967149,967150,967151,967152,967153,967154,967155,967156,967157,967158,967159'> </div> </div><div class='step ' data-question-id='967130' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Bạn muốn tạo một kiểu dáng (ví dụ: màu chữ xanh) có thể áp dụng linh hoạt cho nhiều đoạn văn bản khác nhau trong trang web của mình. Trong CSS, loại bộ chọn nào là phù hợp nhất để định nghĩa kiểu dáng này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967130'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp (class selector) được thiết kế để áp dụng cùng một tập hợp các quy tắc CSS cho nhiều phần tử HTML khác nhau, phù hợp với yêu cầu tạo kiểu dáng có thể tái sử dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967131' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Để khai báo một bộ chọn lớp có tên là `highlight` trong tệp CSS, cú pháp nào sau đây là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967131'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp trong CSS bắt đầu bằng dấu chấm (.), theo sau là tên lớp do người dùng đặt.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967132' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Bạn có một phần tử `div` duy nhất trên trang cần được định dạng đặc biệt (ví dụ: làm thanh bên cố định). Loại bộ chọn nào trong CSS là phù hợp nhất để nhắm mục tiêu chính xác và duy nhất phần tử này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967132'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn định danh (ID selector) được sử dụng để nhắm mục tiêu một phần tử HTML duy nhất trên trang thông qua thuộc tính `id` của nó. Mỗi ID chỉ nên xuất hiện một lần trong tài liệu HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967133' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Để khai báo một bộ chọn định danh có tên là `main-header` trong tệp CSS, cú pháp nào sau đây là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967133'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn định danh trong CSS bắt đầu bằng dấu thăng (#), theo sau là tên định danh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967134' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Cho đoạn mã HTML: `</p> <p class="intro"> <p class="intro important"> </p> <p>`. Cho đoạn mã CSS: `.intro { color: blue; } .important { font-weight: bold; }`. Đoạn văn bản thứ hai (`</p> <p class="intro important">`) sẽ có kiểu dáng như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967134'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Phần tử thứ hai có cả hai lớp `intro` và `important`. Do đó, nó sẽ nhận cả kiểu dáng từ `.intro` (màu xanh) và `.important` (chữ đậm). Khi áp dụng nhiều lớp, các kiểu dáng từ các lớp đó sẽ được kết hợp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967135' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Điểm khác biệt cơ bản nhất giữa bộ chọn lớp (class selector) và bộ chọn định danh (ID selector) là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967135'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp có thể được áp dụng cho nhiều phần tử trên cùng một trang, trong khi bộ chọn định danh chỉ nên áp dụng cho một phần tử duy nhất với ID tương ứng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967136' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Cho đoạn mã HTML: `</p> <div id="sidebar">Nội dung sidebar</div> <p>`. Để định dạng cho phần tử `div` này với chiều rộng 200px, cú pháp CSS nào sau đây là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967136'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Phần tử có thuộc tính `id="sidebar"` được nhắm mục tiêu bằng bộ chọn định danh `#sidebar` trong CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967137' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn muốn áp dụng hai kiểu dáng đã định nghĩa sẵn cho một nút bấm (`<button>`). Hai kiểu dáng đó là `.button-base` (định nghĩa các thuộc tính cơ bản như padding, border) và `.button-primary` (định nghĩa màu nền và màu chữ cho nút chính). Cú pháp HTML nào sau đây là đúng để áp dụng cả hai lớp này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967137'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng nhiều lớp cho một phần tử, giá trị của thuộc tính `class` được liệt kê các tên lớp cách nhau bởi dấu cách.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967138' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Trong CSS, thuộc tính nào thường được sử dụng bên trong các bộ chọn lớp hoặc định danh để thay đổi màu nền của một phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967138'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `background-color` trong CSS được sử dụng để thiết lập màu nền cho một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967139' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Giả sử bạn có đoạn HTML `</p> <h1 id="main-title">Tiêu đề chính</h1> <p>` và CSS `#main-title { font-size: 3em; }`. Nếu bạn thêm một quy tắc CSS khác là `.page-heading { font-size: 2em; }` và sửa HTML thành `</p> <h1 id="main-title" class="page-heading">Tiêu đề chính</h1> <p>`, kích thước font cuối cùng của tiêu đề này sẽ là bao nhiêu? (Xét theo độ ưu tiên thông thường của CSS)</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967139'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Trong CSS, bộ chọn ID có độ ưu tiên (specificity) cao hơn bộ chọn lớp. Do đó, quy tắc từ `#main-title` sẽ ghi đè quy tắc từ `.page-heading` cho cùng một thuộc tính (`font-size`) trên cùng một phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967140' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Bạn đang thiết kế một form đăng ký. Bạn muốn tất cả các ô nhập liệu (`<input>`) có đường viền màu xám, nhưng riêng ô nhập email cần có đường viền màu xanh để nhấn mạnh. Bạn nên sử dụng loại bộ chọn nào cho ô nhập email?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967140'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Ô nhập email là một phần tử cụ thể cần một kiểu dáng riêng biệt so với các ô nhập liệu khác, nhưng không nhất thiết phải là duy nhất trên toàn trang (có thể có nhiều form). Sử dụng bộ chọn lớp cho phép bạn áp dụng kiểu dáng đặc biệt này chỉ cho ô nhập email bằng cách thêm một lớp CSS vào thuộc tính `class` của nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967141' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Cho đoạn HTML: `</p> <div class="card"> <h2 class="card-title">Tiêu đề</h2> <p class="card-content">Nội dung</p> </div> <p>`. Bạn muốn định dạng riêng cho phần tử `h2` chỉ khi nó nằm bên trong một `div` có lớp `card`. Cú pháp CSS nào sau đây đạt được điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967141'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Cú pháp `.card h2` là bộ chọn con cháu (descendant selector), nó chọn tất cả các phần tử `h2` nằm bên trong bất kỳ phần tử nào có lớp `card`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967142' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Bạn sử dụng bộ chọn định danh `#footer` để định dạng chân trang của website. Nếu bạn thêm một phần tử khác với cùng ID là `</p> <div id="footer">...</div> <p>` ở giữa trang (điều này không hợp lệ theo chuẩn HTML nhưng trình duyệt vẫn có thể hiển thị), điều gì có khả năng xảy ra với các quy tắc CSS trong `#footer { ... }`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967142'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Mặc dù việc sử dụng trùng lặp ID là không hợp lệ theo chuẩn HTML, hầu hết các trình duyệt vẫn cố gắng áp dụng quy tắc CSS cho *tất cả* các phần tử có ID đó. Tuy nhiên, đây là hành vi không chuẩn và có thể gây ra kết quả không mong muốn hoặc không nhất quán giữa các trình duyệt.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967143' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Bạn muốn tạo một kiểu dáng đặc biệt cho tất cả các liên kết (`<a>`) nằm trong phần tử có ID là `navigation`. Cú pháp CSS nào sau đây là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967143'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Cú pháp `#navigation a` là bộ chọn con cháu, nó chọn tất cả các phần tử `a` nằm bên trong bất kỳ phần tử nào có ID `navigation`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967144' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Trong CSS, thuộc tính nào được sử dụng để thay đổi kiểu phông chữ (ví dụ: Arial, Verdana) cho một phần tử được chọn bởi lớp hoặc ID?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967144'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `font-family` trong CSS được sử dụng để chỉ định phông chữ cho văn bản.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967145' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Cho đoạn HTML: `</p> <div id="header"> <p class="greeting">Xin chào</p> </div> <p>`. Cho đoạn CSS: `#header .greeting { color: green; }`. Đoạn văn bản "Xin chào" sẽ có màu gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967145'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn `#header .greeting` nhắm mục tiêu chính xác phần tử có lớp `greeting` nằm bên trong phần tử có ID `header`. Quy tắc `color: green;` sẽ được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967146' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Khi nào bạn nên ưu tiên sử dụng bộ chọn lớp thay vì bộ chọn định danh?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967146'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp phù hợp nhất khi bạn muốn áp dụng cùng một kiểu dáng cho nhiều phần tử khác nhau hoặc khi bạn muốn tạo ra các thành phần giao diện có thể tái sử dụng (ví dụ: các loại nút, các loại thẻ nội dung).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967147' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Để liên kết một tệp tin định nghĩa kiểu dáng CSS bên ngoài (ví dụ: `style.css`) vào một tệp HTML, thẻ HTML nào sau đây được sử dụng phổ biến nhất và nên đặt ở đâu trong cấu trúc HTML?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967147'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thẻ `<link>` với `rel="stylesheet"` và `href` trỏ đến tệp CSS được sử dụng để liên kết CSS ngoại. Thẻ này thường được đặt trong phần `<head>` của tài liệu HTML để trình duyệt tải và xử lý CSS trước khi hiển thị nội dung.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967148' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Cho đoạn CSS: `.box { padding: 10px; } .bordered { border: 1px solid black; }`. Nếu bạn có `</p> <div class="bordered box">Nội dung</div> <p>`, các quy tắc CSS nào sẽ được áp dụng cho `div` này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967148'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Khi một phần tử có nhiều lớp, nó sẽ nhận tất cả các quy tắc CSS từ mỗi lớp đó. Trong trường hợp này, `div` sẽ nhận padding từ lớp `box` và border từ lớp `bordered`. Các quy tắc này không xung đột nên cả hai đều được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967149' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Bạn đang xây dựng một trang web tin tức. Bạn muốn tất cả các tiêu đề bài viết (`</p> <h2>`) có màu xanh lam, nhưng tiêu đề của bài viết nổi bật nhất trên trang chủ (`</p> <h2>` duy nhất) cần có màu đỏ và cỡ chữ lớn hơn. Bạn nên sử dụng loại bộ chọn nào cho tiêu đề bài viết nổi bật?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967149'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Tiêu đề bài viết nổi bật là một phần tử `h2` duy nhất trên trang chủ cần định dạng riêng biệt và nổi bật. Sử dụng bộ chọn định danh là cách phù hợp nhất để nhắm mục tiêu chính xác và duy nhất phần tử này, đồng thời đảm bảo độ ưu tiên cao cho các quy tắc đặc biệt của nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967150' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Cho đoạn HTML: `</p> <section id="about"> <h2 class="section-title">Về chúng tôi</h2> <p>Nội dung...</p> </section> <p>`. Để định dạng riêng cho tiêu đề (`h2`) chỉ khi nó nằm trong phần tử có ID `about`, cú pháp CSS nào sau đây là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967150'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Cú pháp `#about .section-title` là bộ chọn kết hợp ID và lớp cho phần tử con cháu. Nó chọn các phần tử có lớp `section-title` nằm bên trong phần tử có ID `about`. Cú pháp `#about h2` cũng đúng nhưng `#about .section-title` chính xác hơn nếu có nhiều phần tử `h2` trong `#about` nhưng chỉ muốn chọn phần tử có lớp `section-title`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967151' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Thuộc tính HTML nào được sử dụng để gán một hoặc nhiều tên lớp cho một phần tử, cho phép nó được chọn bởi bộ chọn lớp trong CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967151'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `class` trong HTML được sử dụng để chỉ định tên lớp cho một phần tử. Một phần tử có thể có nhiều tên lớp, cách nhau bởi dấu cách.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967152' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Thuộc tính HTML nào được sử dụng để gán một tên định danh duy nhất cho một phần tử, cho phép nó được chọn bởi bộ chọn định danh trong CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967152'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `id` trong HTML được sử dụng để gán một tên định danh duy nhất cho một phần tử. Tên định danh này sau đó được sử dụng với bộ chọn `#` trong CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967153' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Bạn có đoạn HTML: `</p> <div class="container"> <p class="text"> <p> <span class="text"></span> </div> <p>`. Cho đoạn CSS: `.text { color: red; }`. Những phần tử nào sẽ có màu chữ đỏ?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967153'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp `.text` sẽ áp dụng cho tất cả các phần tử trong tài liệu có thuộc tính `class="text"`, bất kể loại thẻ của phần tử đó. Trong trường hợp này, cả thẻ `</p> <p>` và thẻ `<span>` đều có lớp `text`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967154' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn muốn tạo một kiểu dáng cho các phần tử `div` có lớp `special`. Cú pháp CSS nào sau đây là đúng để chỉ định kiểu dáng chỉ cho các phần tử `div` mang lớp `special`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967154'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Cú pháp `div.special` là bộ chọn kết hợp, nó chọn các phần tử `div` đồng thời có lớp `special`. Điều này khác với `.special` (chọn bất kỳ phần tử nào có lớp `special`) hoặc `div .special` (chọn phần tử có lớp `special` nằm *trong* một phần tử `div`).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967155' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Bạn cần định dạng một bảng (`</p> <table>`) duy nhất trên trang web của mình với một chiều rộng cố định và đường viền đặc biệt. Bạn nên sử dụng loại bộ chọn nào cho bảng này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967155'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Vì bảng này là duy nhất trên trang và cần định dạng đặc biệt, bộ chọn định danh là lựa chọn phù hợp nhất để nhắm mục tiêu chính xác và duy nhất nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967156' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Bạn muốn tạo một hiệu ứng di chuột (hover effect) cho các nút bấm có lớp `btn`. Cú pháp CSS nào sau đây là đúng để chọn các nút bấm này khi người dùng di chuột qua?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967156'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Cú pháp `.btn:hover` sử dụng bộ chọn lớp kết hợp với giả lớp `:hover` để chọn các phần tử có lớp `btn` khi ở trạng thái di chuột.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967157' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Cho đoạn HTML: `</p> <p id="message" class="error">Lỗi xảy ra</p> <p>`. Cho đoạn CSS: `#message { color: blue; } .error { color: red; }`. Màu chữ cuối cùng của đoạn văn bản này là gì? (Xét theo độ ưu tiên thông thường của CSS)</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967157'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn ID (`#message`) có độ ưu tiên cao hơn bộ chọn lớp (`.error`). Do đó, quy tắc `color: blue;` từ bộ chọn ID sẽ ghi đè quy tắc `color: red;` từ bộ chọn lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967158' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn muốn áp dụng cùng một kiểu dáng (ví dụ: thêm border) cho tất cả các hình ảnh trong một bộ sưu tập (gallery). Bạn nên sử dụng loại bộ chọn nào để định nghĩa kiểu dáng này một cách hiệu quả, cho phép tái sử dụng cho các bộ sưu tập hình ảnh khác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967158'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp cho phép bạn định nghĩa một kiểu dáng (`.gallery-image`) và áp dụng nó cho nhiều phần tử hình ảnh (`<img>`) khác nhau trong các bộ sưu tập khác nhau, mang tính tái sử dụng cao.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='967159' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 06</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Cho đoạn HTML: `</p> <article> <h2 class="title">Tiêu đề bài viết</h2> <p>Đoạn 1</p> <p class="highlight">Đoạn 2</p> </article> <p>`. Cho đoạn CSS: `article p.highlight { background-color: yellow; }`. Đoạn văn bản "Đoạn 2" sẽ có màu nền gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_32402 === 'undefined'){ window.quizOptions_32402 = []; } window.quizOptions_32402['967159'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn `article p.highlight` nhắm mục tiêu chính xác các phần tử `</p> <p>` có lớp `highlight` nằm bên trong một phần tử `</p> <article>`. Đoạn văn bản "Đoạn 2" khớp với bộ chọn này, do đó nó sẽ có màu nền vàng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-32402 * { box-sizing: border-box; } #ays-quiz-container-32402 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-32402 #ays_finish_quiz_32402 { } /* Styles for Quiz container */ #ays-quiz-container-32402{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-32402 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-32402 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-32402 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-32402 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-32402 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-32402 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-32402 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-32402 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-32402.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-32402.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-32402 #ays_finish_quiz_32402 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-32402.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-32402.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-32402.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-32402.ays-quiz-container .ays-questions-container p, #ays-quiz-container-32402.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-32402.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-32402.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-32402.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-32402.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-32402.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-32402.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-32402.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-32402.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-32402 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-32402 .ays-quiz-password-message-box, #ays-quiz-container-32402 .ays-quiz-question-note-message-box, #ays-quiz-container-32402 .ays_quiz_question, #ays-quiz-container-32402 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-32402 textarea, #ays-quiz-container-32402 input::first-letter, #ays-quiz-container-32402 select::first-letter, #ays-quiz-container-32402 option::first-letter { color: initial !important; } #ays-quiz-container-32402 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-32402 .select2-container, #ays-quiz-container-32402 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-32402 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-32402 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-32402 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-32402 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-32402 .ays-questions-container .ays-field, div#ays-quiz-container-32402 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-32402 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-32402 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-32402 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-32402 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-32402 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-32402 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-32402 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-32402 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-32402 .information_form input[type='text'], #ays-quiz-container-32402 .information_form input[type='url'], #ays-quiz-container-32402 .information_form input[type='number'], #ays-quiz-container-32402 .information_form input[type='email'], #ays-quiz-container-32402 .information_form input[type='tel'], #ays-quiz-container-32402 .information_form textarea, #ays-quiz-container-32402 .information_form select, #ays-quiz-container-32402 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-32402 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-32402 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-32402 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-32402 .right_answer_text{ color:#33cc33; } #ays-quiz-container-32402 .right_answer_text p { font-size:16px; } #ays-quiz-container-32402 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-32402 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-32402 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-32402 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-32402 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-32402 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-32402 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-32402 .ays_cb_and_a, #ays-quiz-container-32402 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-32402 iframe { /*min-height: 450px;*/ } #ays-quiz-container-32402 label.ays_for_checkbox, #ays-quiz-container-32402 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-32402 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-32402 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-32402 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-32402 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-32402 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-32402 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-32402 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-32402 div.lds-spinner, #ays-quiz-container-32402 div.lds-spinner2 { color: #000000; } #ays-quiz-container-32402 div.lds-spinner div:after, #ays-quiz-container-32402 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-32402 .lds-circle, #ays-quiz-container-32402 .lds-facebook div, #ays-quiz-container-32402 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-32402 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-32402 .lds-dual-ring::after, #ays-quiz-container-32402 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-32402 .ui.rating .icon, #ays-quiz-container-32402 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-32402 #ays_finish_quiz_32402 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-32402 #ays_finish_quiz_32402 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-32402 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-32402 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-32402 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-32402 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-32402 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-32402 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-32402 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-32402 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-32402 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-32402 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-32402 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-32402 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-32402 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-32402 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-32402 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-32402 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-32402 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-32402 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-32402 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-32402 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-32402 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-32402 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-32402 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-32402 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-32402 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-32402 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-32402 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-32402 div.ays-quiz-redirection-timer, #ays-quiz-container-32402 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-32402 div.ays-quiz-after-timer * , #ays-quiz-container-32402 div.ays-quiz-redirection-timer *, #ays-quiz-container-32402 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-32402 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-32402 input#ays-submit, #ays-quiz-container-32402 #ays_finish_quiz_32402 .action-button, #ays-quiz-container-32402 #ays_finish_quiz_32402 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-32402 #ays_finish_quiz_32402 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-32402 #ays_finish_quiz_32402 .action-button.ays_restart_button, #ays-quiz-container-32402 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-32402 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-32402 input#ays-submit, #ays-quiz-container-32402 #ays_finish_quiz_32402 input.action-button, #ays-quiz-container-32402 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-32402 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-32402 #ays_finish_quiz_32402 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-32402 #ays_finish_quiz_32402 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-32402 #ays_finish_quiz_32402 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-32402 input#ays-submit:hover, #ays-quiz-container-32402 input#ays-submit:focus, #ays-quiz-container-32402 #ays_finish_quiz_32402 .action-button:hover, #ays-quiz-container-32402 #ays_finish_quiz_32402 .action-button:focus, #ays-quiz-container-32402 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-32402 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-32402 .ays_restart_button { color: #ffffff; } #ays-quiz-container-32402 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-32402 .ays_buttons_div { justify-content: center; } #ays-quiz-container-32402 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-32402 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-32402 input[type='button'], #ays-quiz-container-32402 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-32402 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-32402 input[type='button']:focus-visible, div#ays-quiz-container-32402 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-32402 #ays_finish_quiz_32402 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-32402 #ays_finish_quiz_32402 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-32402 #ays_finish_quiz_32402 i.ays_early_finish.action-button[disabled], #ays-quiz-container-32402 #ays_finish_quiz_32402 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-32402 #ays_finish_quiz_32402 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-32402 #ays_finish_quiz_32402 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-32402 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-32402 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-32402 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-32402.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-32402 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-32402 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-32402 #ays_finish_quiz_32402 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-32402 #ays_finish_quiz_32402 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-32402 #ays_finish_quiz_32402 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-32402 #ays_finish_quiz_32402 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-32402 #ays_finish_quiz_32402 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-32402 #ays_finish_quiz_32402 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-32402 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-32402 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-32402 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-32402 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-32402 #ays_finish_quiz_32402 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-32402 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-32402 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-32402 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-32402 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-32402 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-32402 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-32402 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-32402 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-32402 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-32402 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-32402 #ays_finish_quiz_32402 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-32402 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-32402 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-32402 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-32402 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-32402 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-32402 .ays-field .select2-container--default, #ays-quiz-container-32402 .ays-field .select2-container--default .selection, #ays-quiz-container-32402 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-32402 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-32402 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-32402 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-32402 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-32402 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-32402 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-32402 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-32402 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-32402 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-32402 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-32402 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-32402 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-32402 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-32402 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-32402 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-32402 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-32402 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-32402 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-32402 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-32402 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-32402 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-32402 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-32402 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-32402.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-32402.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-32402 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-32402 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-32402 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-32402 label[for^='ays-answer']:before, #ays-quiz-container-32402 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-32402 .ays_question_report { text-align: right; } div#ays-quiz-container-32402 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-32402 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-32402.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-32402.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-32402.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-32402.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-32402.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-32402.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-32402 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-32402.ays_quiz_classic_dark .correct_div, #ays-quiz-container-32402.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-32402.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-32402.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-32402.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-32402.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-32402.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-32402.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-32402 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-32402 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-32402 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-32402 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-32402 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-32402 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-32402 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-32402 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-32402 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-32402.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-32402.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-32402 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-32402 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-32402 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-32402 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-32402 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-32402 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-32402 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-32402 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-32402 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-32402 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-32402 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-32402 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-32402 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-32402 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-32402 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-32402 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-32402 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-32402 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-32402 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-32402 .ays-quiz-personality-result-box div:before, #ays-quiz-container-32402 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-32402 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-32402 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-32402 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-32402 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-32402 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-32402 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-32402 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-32402 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-32402 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-32402 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-32402 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-32402 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-32402 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-32402{ max-width: 100%; } div#ays-quiz-container-32402 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-32402.ays_quiz_modern_light .step, div#ays-quiz-container-32402.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-32402.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-32402.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-32402.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-32402.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-32402 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-32402 .select2-container, div#ays-quiz-container-32402 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-32402 input#ays-submit, div#ays-quiz-container-32402 #ays_finish_quiz_32402 .action-button, div#ays-quiz-container-32402 #ays_finish_quiz_32402 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-32402 #ays_finish_quiz_32402 .action-button.ays_restart_button, #ays-quiz-container-32402 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-32402 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-32402 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-32402 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-32402 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-32402 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-32402 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-32402 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-32402 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-32402 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-32402 p { margin: 0.625em; } #ays-quiz-container-32402.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-32402.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-32402 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-32402.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-32402 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-32402 #ays_finish_quiz_32402 .action-button:hover, #ays-quiz-container-32402 #ays_finish_quiz_32402 .action-button:focus, #ays-quiz-container-32402 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-32402 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['32402'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMjQwMiIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwNiIsImRlc2NyaXB0aW9uIjoiPHA+PHN0cm9uZz5CYVx1MDMwMGkgVFx1MDBlMlx1MDMyM3AgVHJcdTFlYWZjIG5naGlcdTFlYzdtIFRpbiBoXHUxZWNkYyAxMiAtIENcdTAwZTFuaCBkaVx1MWVjMXUgLSBCXHUwMGUwaSAxMDogQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDY8XC9zdHJvbmc+IFx1MDExMVx1MDFiMFx1MWVlM2MgeFx1MDBlMnkgZFx1MWVmMW5nIHZcdTFlZGJpIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgY2hcdTFlYTV0IGxcdTAxYjBcdTFlZTNuZywgc1x1MDBlMXQgdlx1MWVkYmkgblx1MWVkOWkgZHVuZyBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmggaFx1MWVjZGMsIGdpXHUwMGZhcCBiXHUxZWExbiBkXHUxZWM1IGRcdTAwZTBuZyBcdTAwZjRuIHRcdTFlYWRwIHZcdTAwZTAga2lcdTFlYzNtIHRyYSBraVx1MWViZm4gdGhcdTFlZTljIGhpXHUxZWM3dSBxdVx1MWVhMy4gSFx1MDBlM3kgY1x1MDBmOW5nIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgbFx1MDBlMG0gYlx1MDBlMGkgdFx1MWVhZHAgdHJcdTFlYWZjIG5naGlcdTFlYzdtIG5nYXkgXHUwMTExXHUxZWMzIG5cdTAwZTJuZyBjYW8gaGlcdTFlYzN1IGJpXHUxZWJmdCB2XHUwMGUwIGNodVx1MWVhOW4gYlx1MWVjYiB0XHUxZWQxdCBjaG8ga1x1MWVmMyB0aGkgc1x1MWVhZnAgdFx1MWVkYmkhPFwvcD5cclxuXHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtpXHUxZWMzdSBkXHUwMGUxbmcgKHZcdTAwZWQgZFx1MWVlNTogbVx1MDBlMHUgY2hcdTFlZWYgeGFuaCkgY1x1MDBmMyB0aFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBsaW5oIGhvXHUxZWExdCBjaG8gbmhpXHUxZWMxdSBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiBiXHUxZWEzbiBraFx1MDBlMWMgbmhhdSB0cm9uZyB0cmFuZyB3ZWIgY1x1MWVlN2EgbVx1MDBlY25oLiBUcm9uZyBDU1MsIGxvXHUxZWExaSBiXHUxZWQ5IGNoXHUxZWNkbiBuXHUwMGUwbyBsXHUwMGUwIHBoXHUwMGY5IGhcdTFlZTNwIG5oXHUxZWE1dCBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmggbmdoXHUwMTI5YSBraVx1MWVjM3UgZFx1MDBlMW5nIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIChJRCBzZWxlY3Rvcik8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKENsYXNzIHNlbGVjdG9yKTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIChFbGVtZW50IHNlbGVjdG9yKTxcL2xpPlxyXG48bGk+RC4gQlx1MWVkOSBjaFx1MWVjZG4gY2h1bmcgKFVuaXZlcnNhbCBzZWxlY3Rvcik8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOiBcdTAxMTBcdTFlYzMga2hhaSBiXHUwMGUxbyBtXHUxZWQ5dCBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBjXHUwMGYzIHRcdTAwZWFuIGxcdTAwZTAgYGhpZ2hsaWdodGAgdHJvbmcgdFx1MWVjN3AgQ1NTLCBjXHUwMGZhIHBoXHUwMGUxcCBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBsXHUwMGUwIFx1MDExMVx1MDBmYW5nP1xyXG48dWw+XHJcbjxsaT5BLiAjaGlnaGxpZ2h0IHsgLi4uIH08XC9saT5cclxuPGxpPkIuIGhpZ2hsaWdodCB7IC4uLiB9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIC5oaWdobGlnaHQgeyAuLi4gfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuICpoaWdobGlnaHQgeyAuLi4gfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDM6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgYGRpdmAgZHV5IG5oXHUxZWE1dCB0clx1MDBlYW4gdHJhbmcgY1x1MWVhN24gXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QgKHZcdTAwZWQgZFx1MWVlNTogbFx1MDBlMG0gdGhhbmggYlx1MDBlYW4gY1x1MWVkMSBcdTAxMTFcdTFlY2JuaCkuIExvXHUxZWExaSBiXHUxZWQ5IGNoXHUxZWNkbiBuXHUwMGUwbyB0cm9uZyBDU1MgbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIG5oXHUxZWFmbSBtXHUxZWU1YyB0aVx1MDBlYXUgY2hcdTAwZWRuaCB4XHUwMGUxYyB2XHUwMGUwIGR1eSBuaFx1MWVhNXQgcGhcdTFlYTduIHRcdTFlZWQgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoSUQgc2VsZWN0b3IpPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKENsYXNzIHNlbGVjdG9yKTxcL2xpPlxyXG48bGk+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gcGhcdTFlYTduIHRcdTFlZWQgKEVsZW1lbnQgc2VsZWN0b3IpPFwvbGk+XHJcbjxsaT5ELiBCXHUxZWQ5IGNoXHUxZWNkbiB0aHVcdTFlZDljIHRcdTAwZWRuaCAoQXR0cmlidXRlIHNlbGVjdG9yKTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDQ6IFx1MDExMFx1MWVjMyBraGFpIGJcdTAwZTFvIG1cdTFlZDl0IGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggY1x1MDBmMyB0XHUwMGVhbiBsXHUwMGUwIGBtYWluLWhlYWRlcmAgdHJvbmcgdFx1MWVjN3AgQ1NTLCBjXHUwMGZhIHBoXHUwMGUxcCBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBsXHUwMGUwIFx1MDExMVx1MDBmYW5nP1xyXG48dWw+XHJcbjxsaT5BLiAubWFpbi1oZWFkZXIgeyAuLi4gfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiAjbWFpbi1oZWFkZXIgeyAuLi4gfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIG1haW4taGVhZGVyIHsgLi4uIH08XC9saT5cclxuPGxpPkQuICptYWluLWhlYWRlciB7IC4uLiB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNTogQ2hvIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTDogYDxwIGNsYXNzPVxyXG48dWw+XHJcbjxsaT5BLiBNXHUwMGUwdSBjaFx1MWVlZiB4YW5oIHZcdTAwZTAgY2hcdTFlZWYgdGhcdTAxYjBcdTFlZGRuZy48XC9saT5cclxuPGxpPkIuIE1cdTAwZTB1IGNoXHUxZWVmIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oIHZcdTAwZTAgY2hcdTFlZWYgXHUwMTExXHUxZWFkbS48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IGNcdTAwZjMgbVx1MDBlMHUgY2hcdTFlZWYgeGFuaCAodlx1MDBlYyBsXHUxZWRicCBgaW50cm9gIFx1MDExMVx1MWVlOW5nIHRyXHUwMWIwXHUxZWRiYykuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIE1cdTAwZTB1IGNoXHUxZWVmIHhhbmggdlx1MDBlMCBjaFx1MWVlZiBcdTAxMTFcdTFlYWRtLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA2OiBcdTAxMTBpXHUxZWMzbSBraFx1MDBlMWMgYmlcdTFlYzd0IGNcdTAxYTEgYlx1MWVhM24gbmhcdTFlYTV0IGdpXHUxZWVmYSBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoY2xhc3Mgc2VsZWN0b3IpIHZcdTAwZTAgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoSUQgc2VsZWN0b3IpIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY2hcdTFlYzkgZFx1MDBmOW5nIGNobyB2XHUwMTAzbiBiXHUxZWEzbiwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBkXHUwMGY5bmcgY2hvIGhcdTAwZWNuaCBcdTFlYTNuaC48XC9saT5cclxuPGxpPkIuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGNcdTAwZjMgXHUwMTExXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIGNhbyBoXHUwMWExbiBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBjXHUwMGYzIHRoXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBuaGlcdTFlYzF1IHBoXHUxZWE3biB0XHUxZWVkLCBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGNoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBkdXkgbmhcdTFlYTV0LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIFx1MDExMVx1MDFiMFx1MWVlM2MgZFx1MDBmOW5nIHRyb25nIENTUywgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBcdTAxMTFcdTAxYjBcdTFlZTNjIGRcdTAwZjluZyB0cm9uZyBIVE1MLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDc6IENobyBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUw6IGA8ZGl2IGlkPVxyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuICNzaWRlYmFyIHsgd2lkdGg6IDIwMHB4OyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gLnNpZGViYXIgeyB3aWR0aDogMjAwcHg7IH08XC9saT5cclxuPGxpPkMuIGRpdiNzaWRlYmFyIHsgd2lkdGg6IDIwMHB4OyB9PFwvbGk+XHJcbjxsaT5ELiBzaWRlYmFyIHsgd2lkdGg6IDIwMHB4OyB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgODogQlx1MWVhMW4gbXVcdTFlZDFuIFx1MDBlMXAgZFx1MWVlNW5nIGhhaSBraVx1MWVjM3UgZFx1MDBlMW5nIFx1MDExMVx1MDBlMyBcdTAxMTFcdTFlY2JuaCBuZ2hcdTAxMjlhIHNcdTFlYjVuIGNobyBtXHUxZWQ5dCBuXHUwMGZhdCBiXHUxZWE1bSAoYDxidXR0b24+YCkuIEhhaSBraVx1MWVjM3UgZFx1MDBlMW5nIFx1MDExMVx1MDBmMyBsXHUwMGUwIGAuYnV0dG9uLWJhc2VgIChcdTAxMTFcdTFlY2JuaCBuZ2hcdTAxMjlhIGNcdTAwZTFjIHRodVx1MWVkOWMgdFx1MDBlZG5oIGNcdTAxYTEgYlx1MWVhM24gbmhcdTAxYjAgcGFkZGluZywgYm9yZGVyKSB2XHUwMGUwIGAuYnV0dG9uLXByaW1hcnlgIChcdTAxMTFcdTFlY2JuaCBuZ2hcdTAxMjlhIG1cdTAwZTB1IG5cdTFlYzFuIHZcdTAwZTAgbVx1MDBlMHUgY2hcdTFlZWYgY2hvIG5cdTAwZmF0IGNoXHUwMGVkbmgpLiBDXHUwMGZhIHBoXHUwMGUxcCBIVE1MIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgXHUwMTExXHUwMGZhbmcgXHUwMTExXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGNcdTFlYTMgaGFpIGxcdTFlZGJwIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiA8YnV0dG9uIGNsYXNzPTxcL2xpPlxyXG48bGk+Qi4gPGJ1dHRvbiBjbGFzcz08XC9saT5cclxuPGxpPkMuIDxidXR0b24gY2xhc3M9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIDxidXR0b24gY2xhc3M9PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDk6IFRyb25nIENTUywgdGh1XHUxZWQ5YyB0XHUwMGVkbmggblx1MDBlMG8gdGhcdTAxYjBcdTFlZGRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTAwZWFuIHRyb25nIGNcdTAwZTFjIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGhvXHUxZWI3YyBcdTAxMTFcdTFlY2JuaCBkYW5oIFx1MDExMVx1MWVjMyB0aGF5IFx1MDExMVx1MWVkNWkgbVx1MDBlMHUgblx1MWVjMW4gY1x1MWVlN2EgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQ/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYmFja2dyb3VuZC1jb2xvcjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGNvbG9yPFwvbGk+XHJcbjxsaT5DLiBib3JkZXItY29sb3I8XC9saT5cclxuPGxpPkQuIGZvbnQtY29sb3I8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMDogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBjXHUwMGYzIFx1MDExMW9cdTFlYTFuIEhUTUwgYDxoMSBpZD1cclxuPHVsPlxyXG48bGk+QS4gMmVtPFwvbGk+XHJcbjxsaT5CLiBLXHUxZWJmdCBoXHUxZWUzcCBjXHUxZWEzIGhhaSwga2hvXHUxZWEzbmcgNWVtLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiAzZW08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBTXHUxZWJkIHhcdTFlYTN5IHJhIGxcdTFlZDdpIHZcdTAwZWMga2hcdTAwZjRuZyB0aFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBjXHUxZWEzIElEIHZcdTAwZTAgQ2xhc3MgY1x1MDBmOW5nIGxcdTAwZmFjLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDExOiBCXHUxZWExbiBcdTAxMTFhbmcgdGhpXHUxZWJmdCBrXHUxZWJmIG1cdTFlZDl0IGZvcm0gXHUwMTExXHUwMTAzbmcga1x1MDBmZC4gQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3UgKGA8aW5wdXQ+YCkgY1x1MDBmMyBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gbVx1MDBlMHUgeFx1MDBlMW0sIG5oXHUwMWIwbmcgcmlcdTAwZWFuZyBcdTAwZjQgbmhcdTFlYWRwIGVtYWlsIGNcdTFlYTduIGNcdTAwZjMgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIG1cdTAwZTB1IHhhbmggXHUwMTExXHUxZWMzIG5oXHUxZWE1biBtXHUxZWExbmguIEJcdTFlYTFuIG5cdTAwZWFuIHNcdTFlZWQgZFx1MWVlNW5nIGxvXHUxZWExaSBiXHUxZWQ5IGNoXHUxZWNkbiBuXHUwMGUwbyBjaG8gXHUwMGY0IG5oXHUxZWFkcCBlbWFpbD9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgZFx1MDBmOW5nIGJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIGBpbnB1dGAuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIFNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIHJpXHUwMGVhbmcgY2hvIFx1MDBmNCBuaFx1MWVhZHAgZW1haWwuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gU1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCByaVx1MDBlYW5nIGNobyBcdTAwZjQgbmhcdTFlYWRwIGVtYWlsLjxcL2xpPlxyXG48bGk+RC4gU1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gY2h1bmcgYCpgLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEyOiBDaG8gXHUwMTExb1x1MWVhMW4gSFRNTDogYDxkaXYgY2xhc3M9XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gLmNhcmQgaDIgeyAuLi4gfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuICNjYXJkIGgyIHsgLi4uIH08XC9saT5cclxuPGxpPkMuIGgyLmNhcmQgeyAuLi4gfTxcL2xpPlxyXG48bGk+RC4gZGl2ID4gaDIuY2FyZCB7IC4uLiB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTM6IEJcdTFlYTFuIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggYCNmb290ZXJgIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgY2hcdTAwZTJuIHRyYW5nIGNcdTFlZTdhIHdlYnNpdGUuIE5cdTFlYmZ1IGJcdTFlYTFuIHRoXHUwMGVhbSBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBraFx1MDBlMWMgdlx1MWVkYmkgY1x1MDBmOW5nIElEIGxcdTAwZTAgYDxkaXYgaWQ9XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IHBoXHUxZWE3biB0XHUxZWVkIGBmb290ZXJgIFx1MDExMVx1MWVhN3UgdGlcdTAwZWFuIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nLjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgcGhcdTFlYTduIHRcdTFlZWQgYGZvb3RlcmAgY3VcdTFlZDFpIGNcdTAwZjluZyBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZy48XC9saT5cclxuPGxpPkMuIEtoXHUwMGY0bmcgY1x1MDBmMyBwaFx1MWVhN24gdFx1MWVlZCBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyB2XHUwMGVjIElEIGJcdTFlY2IgdHJcdTAwZjluZyBsXHUxZWI3cC48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gQ1x1MWVhMyBoYWkgcGhcdTFlYTduIHRcdTFlZWQgY1x1MDBmMyBJRCBgZm9vdGVyYCBjXHUwMGYzIHRoXHUxZWMzIHNcdTFlYmQgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgKG1cdTFlYjdjIGRcdTAwZjkgXHUwMTExXHUwMGUyeSBsXHUwMGUwIGhcdTAwZTBuaCB2aSBraFx1MDBmNG5nIGNodVx1MWVhOW4pLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNDogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtpXHUxZWMzdSBkXHUwMGUxbmcgXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QgY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgbGlcdTAwZWFuIGtcdTFlYmZ0IChgPGE+YCkgblx1MWViMW0gdHJvbmcgcGhcdTFlYTduIHRcdTFlZWQgY1x1MDBmMyBJRCBsXHUwMGUwIGBuYXZpZ2F0aW9uYC4gQ1x1MDBmYSBwaFx1MDBlMXAgQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgXHUwMTExXHUwMGZhbmc/XHJcbjx1bD5cclxuPGxpPkEuIGEjbmF2aWdhdGlvbiB7IC4uLiB9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuICNuYXZpZ2F0aW9uIGEgeyAuLi4gfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIC5uYXZpZ2F0aW9uIGEgeyAuLi4gfTxcL2xpPlxyXG48bGk+RC4gYS5uYXZpZ2F0aW9uIHsgLi4uIH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogVHJvbmcgQ1NTLCB0aHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyB0aGF5IFx1MDExMVx1MWVkNWkga2lcdTFlYzN1IHBoXHUwMGY0bmcgY2hcdTFlZWYgKHZcdTAwZWQgZFx1MWVlNTogQXJpYWwsIFZlcmRhbmEpIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBcdTAxMTFcdTAxYjBcdTFlZTNjIGNoXHUxZWNkbiBiXHUxZWRmaSBsXHUxZWRicCBob1x1MWViN2MgSUQ/XHJcbjx1bD5cclxuPGxpPkEuIGZvbnQtc2l6ZTxcL2xpPlxyXG48bGk+Qi4gZm9udC13ZWlnaHQ8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gZm9udC1mYW1pbHk8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiB0ZXh0LWRlY29yYXRpb248XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNjogQ2hvIFx1MDExMW9cdTFlYTFuIEhUTUw6IGA8ZGl2IGlkPVxyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFhhbmggbFx1MDBlMSBjXHUwMGUyeSAoZ3JlZW4pLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIE1cdTAwZTB1IG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oICh0aFx1MDFiMFx1MWVkZG5nIGxcdTAwZTAgXHUwMTExZW4pLjxcL2xpPlxyXG48bGk+Qy4gS2hcdTAwZjRuZyBjXHUwMGYzIG1cdTAwZTB1IHZcdTAwZWMgY1x1MDBmYSBwaFx1MDBlMXAgYlx1MWVkOSBjaFx1MWVjZG4gc2FpLjxcL2xpPlxyXG48bGk+RC4gTVx1MDBlMHUgY1x1MWVlN2EgcGhcdTFlYTduIHRcdTFlZWQgY2hhIChgI2hlYWRlcmApLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE3OiBLaGkgblx1MDBlMG8gYlx1MWVhMW4gblx1MDBlYW4gXHUwMWIwdSB0aVx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgdGhheSB2XHUwMGVjIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmg/XHJcbjx1bD5cclxuPGxpPkEuIEtoaSBwaFx1MWVhN24gdFx1MWVlZCBjXHUxZWE3biBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgbFx1MDBlMCBkdXkgbmhcdTFlYTV0IHRyXHUwMGVhbiB0cmFuZy48XC9saT5cclxuPGxpPkIuIEtoaSBiXHUxZWExbiBjXHUxZWE3biBcdTAxMTFcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gclx1MWVhNXQgY2FvIGNobyBxdXkgdFx1MWVhZmMgQ1NTLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBLaGkgYlx1MWVhMW4gbXVcdTFlZDFuIFx1MDBlMXAgZFx1MWVlNW5nIGNcdTAwZjluZyBtXHUxZWQ5dCBraVx1MWVjM3UgZFx1MDBlMW5nIGNobyBuaGlcdTFlYzF1IHBoXHUxZWE3biB0XHUxZWVkIGtoXHUwMGUxYyBuaGF1LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIEtoaSBiXHUxZWExbiBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgbmhcdTAxYjAgYGJvZHlgIGhvXHUxZWI3YyBgaHRtbGAuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTg6IFx1MDExMFx1MWVjMyBsaVx1MDBlYW4ga1x1MWViZnQgbVx1MWVkOXQgdFx1MWVjN3AgdGluIFx1MDExMVx1MWVjYm5oIG5naFx1MDEyOWEga2lcdTFlYzN1IGRcdTAwZTFuZyBDU1MgYlx1MDBlYW4gbmdvXHUwMGUwaSAodlx1MDBlZCBkXHUxZWU1OiBgc3R5bGUuY3NzYCkgdlx1MDBlMG8gbVx1MWVkOXQgdFx1MWVjN3AgSFRNTCwgdGhcdTFlYmIgSFRNTCBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIHBoXHUxZWQ1IGJpXHUxZWJmbiBuaFx1MWVhNXQgdlx1MDBlMCBuXHUwMGVhbiBcdTAxMTFcdTFlYjd0IFx1MWVkZiBcdTAxMTFcdTAwZTJ1IHRyb25nIGNcdTFlYTV1IHRyXHUwMGZhYyBIVE1MP1xyXG48dWw+XHJcbjxsaT5BLiA8c2NyaXB0IHNyYz08XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gPGxpbmsgcmVsPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIDxzdHlsZSBzcmM9PFwvbGk+XHJcbjxsaT5ELiA8c3R5bGVzaGVldD5zdHlsZS5jc3M8XC9zdHlsZXNoZWV0PiB0cm9uZyBwaFx1MWVhN24gYDxoZWFkPmAuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTk6IENobyBcdTAxMTFvXHUxZWExbiBDU1M6IGAuYm94IHsgcGFkZGluZzogMTBweDsgfSAuYm9yZGVyZWQgeyBib3JkZXI6IDFweCBzb2xpZCBibGFjazsgfWAuIE5cdTFlYmZ1IGJcdTFlYTFuIGNcdTAwZjMgYDxkaXYgY2xhc3M9XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IHF1eSB0XHUxZWFmYyBjXHUxZWU3YSBsXHUxZWRicCBgYm9yZGVyZWRgICh2XHUwMGVjIG5cdTAwZjMgXHUwMTExXHUxZWU5bmcgdHJcdTAxYjBcdTFlZGJjIHRyb25nIHRodVx1MWVkOWMgdFx1MDBlZG5oIGNsYXNzKS48XC9saT5cclxuPGxpPkIuIENoXHUxZWM5IHF1eSB0XHUxZWFmYyBjXHUxZWU3YSBsXHUxZWRicCBgYm94YCAodlx1MDBlYyBuXHUwMGYzIFx1MDExMVx1MWVlOW5nIHNhdSB0cm9uZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBjbGFzcykuPFwvbGk+XHJcbjxsaT5DLiBLaFx1MDBmNG5nIGNcdTAwZjMgcXV5IHRcdTFlYWZjIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMGUxcCBkXHUxZWU1bmcgdlx1MDBlYyBjXHUwMGZhIHBoXHUwMGUxcCBuaGlcdTFlYzF1IGxcdTFlZGJwIHNhaS48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gQ1x1MWVhMyBxdXkgdFx1MWVhZmMgY1x1MWVlN2EgbFx1MWVkYnAgYGJveGAgdlx1MDBlMCBsXHUxZWRicCBgYm9yZGVyZWRgIFx1MDExMVx1MWVjMXUgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZy48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjA6IEJcdTFlYTFuIFx1MDExMWFuZyB4XHUwMGUyeSBkXHUxZWYxbmcgbVx1MWVkOXQgdHJhbmcgd2ViIHRpbiB0XHUxZWU5Yy4gQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgdGlcdTAwZWF1IFx1MDExMVx1MWVjMSBiXHUwMGUwaSB2aVx1MWViZnQgKGA8aDI+YCkgY1x1MDBmMyBtXHUwMGUwdSB4YW5oIGxhbSwgbmhcdTAxYjBuZyB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIGNcdTFlZTdhIGJcdTAwZTBpIHZpXHUxZWJmdCBuXHUxZWQ1aSBiXHUxZWFkdCBuaFx1MWVhNXQgdHJcdTAwZWFuIHRyYW5nIGNoXHUxZWU3IChgPGgyPmAgZHV5IG5oXHUxZWE1dCkgY1x1MWVhN24gY1x1MDBmMyBtXHUwMGUwdSBcdTAxMTFcdTFlY2Ygdlx1MDBlMCBjXHUxZWUxIGNoXHUxZWVmIGxcdTFlZGJuIGhcdTAxYTFuLiBCXHUxZWExbiBuXHUwMGVhbiBzXHUxZWVkIGRcdTFlZTVuZyBsb1x1MWVhMWkgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gY2hvIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgYlx1MDBlMGkgdmlcdTFlYmZ0IG5cdTFlZDVpIGJcdTFlYWR0P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIHNlbGVjdG9yKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoQ2xhc3Mgc2VsZWN0b3IpLjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgZFx1MDBmOW5nIGJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIGBoMmAuPFwvbGk+XHJcbjxsaT5ELiBCXHUxZWQ5IGNoXHUxZWNkbiBjb24gY2hcdTAwZTF1LjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIxOiBDaG8gXHUwMTExb1x1MWVhMW4gSFRNTDogYDxzZWN0aW9uIGlkPVxyXG48dWw+XHJcbjxsaT5BLiAuc2VjdGlvbi10aXRsZSAjYWJvdXQgeyAuLi4gfTxcL2xpPlxyXG48bGk+Qi4gaDIjYWJvdXQgeyAuLi4gfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiAjYWJvdXQgLnNlY3Rpb24tdGl0bGUgeyAuLi4gfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIC5hYm91dCA+IC5zZWN0aW9uLXRpdGxlIHsgLi4uIH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMjogVGh1XHUxZWQ5YyB0XHUwMGVkbmggSFRNTCBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBnXHUwMGUxbiBtXHUxZWQ5dCBob1x1MWViN2MgbmhpXHUxZWMxdSB0XHUwMGVhbiBsXHUxZWRicCBjaG8gbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQsIGNobyBwaFx1MDBlOXAgblx1MDBmMyBcdTAxMTFcdTAxYjBcdTFlZTNjIGNoXHUxZWNkbiBiXHUxZWRmaSBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCB0cm9uZyBDU1M/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gY2xhc3M8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBpZDxcL2xpPlxyXG48bGk+Qy4gbmFtZTxcL2xpPlxyXG48bGk+RC4gc3R5bGU8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMzogVGh1XHUxZWQ5YyB0XHUwMGVkbmggSFRNTCBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBnXHUwMGUxbiBtXHUxZWQ5dCB0XHUwMGVhbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGR1eSBuaFx1MWVhNXQgY2hvIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkLCBjaG8gcGhcdTAwZTlwIG5cdTAwZjMgXHUwMTExXHUwMWIwXHUxZWUzYyBjaFx1MWVjZG4gYlx1MWVkZmkgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCB0cm9uZyBDU1M/XHJcbjx1bD5cclxuPGxpPkEuIGNsYXNzPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIGlkPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gbmFtZTxcL2xpPlxyXG48bGk+RC4gc2VsZWN0b3I8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNDogQlx1MWVhMW4gY1x1MDBmMyBcdTAxMTFvXHUxZWExbiBIVE1MOiBgPGRpdiBjbGFzcz1cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgdGhcdTFlYmIgYDxwPmAuPFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSB0aFx1MWViYiBgPHNwYW4+YC48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IHRoXHUxZWJiIGA8cD5gIG5cdTFlYjFtIHRyb25nIGBkaXZgIGNcdTAwZjMgbFx1MWVkYnAgYGNvbnRhaW5lcmAuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIENcdTFlYTMgdGhcdTFlYmIgYDxwPmAgdlx1MDBlMCB0aFx1MWViYiBgPHNwYW4+YC48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjU6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraVx1MWVjM3UgZFx1MDBlMW5nIGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBgZGl2YCBjXHUwMGYzIGxcdTFlZGJwIGBzcGVjaWFsYC4gQ1x1MDBmYSBwaFx1MDBlMXAgQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgXHUwMTExXHUwMGZhbmcgXHUwMTExXHUxZWMzIGNoXHUxZWM5IFx1MDExMVx1MWVjYm5oIGtpXHUxZWMzdSBkXHUwMGUxbmcgY2hcdTFlYzkgY2hvIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGBkaXZgIG1hbmcgbFx1MWVkYnAgYHNwZWNpYWxgP1xyXG48dWw+XHJcbjxsaT5BLiAuc3BlY2lhbCBkaXYgeyAuLi4gfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBkaXYuc3BlY2lhbCB7IC4uLiB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gZGl2LCAuc3BlY2lhbCB7IC4uLiB9PFwvbGk+XHJcbjxsaT5ELiAjc3BlY2lhbCBkaXYgeyAuLi4gfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI2OiBCXHUxZWExbiBjXHUxZWE3biBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgbVx1MWVkOXQgYlx1MWVhM25nIChgPHRhYmxlPmApIGR1eSBuaFx1MWVhNXQgdHJcdTAwZWFuIHRyYW5nIHdlYiBjXHUxZWU3YSBtXHUwMGVjbmggdlx1MWVkYmkgbVx1MWVkOXQgY2hpXHUxZWMxdSByXHUxZWQ5bmcgY1x1MWVkMSBcdTAxMTFcdTFlY2JuaCB2XHUwMGUwIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiBcdTAxMTFcdTFlYjdjIGJpXHUxZWM3dC4gQlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgbG9cdTFlYTFpIGJcdTFlZDkgY2hcdTFlY2RuIG5cdTAwZTBvIGNobyBiXHUxZWEzbmcgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoSUQgc2VsZWN0b3IpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIChDbGFzcyBzZWxlY3RvcikuPFwvbGk+XHJcbjxsaT5DLiBCXHUxZWQ5IGNoXHUxZWNkbiBwaFx1MWVhN24gdFx1MWVlZCAoRWxlbWVudCBzZWxlY3RvcikuPFwvbGk+XHJcbjxsaT5ELiBCXHUxZWQ5IGNoXHUxZWNkbiB0aHVcdTFlZDljIHRcdTAwZWRuaCAoQXR0cmlidXRlIHNlbGVjdG9yKS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNzogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGhpXHUxZWM3dSBcdTFlZTluZyBkaSBjaHVcdTFlZDl0IChob3ZlciBlZmZlY3QpIGNobyBjXHUwMGUxYyBuXHUwMGZhdCBiXHUxZWE1bSBjXHUwMGYzIGxcdTFlZGJwIGBidG5gLiBDXHUwMGZhIHBoXHUwMGUxcCBDU1Mgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgbFx1MDBlMCBcdTAxMTFcdTAwZmFuZyBcdTAxMTFcdTFlYzMgY2hcdTFlY2RuIGNcdTAwZTFjIG5cdTAwZmF0IGJcdTFlYTVtIG5cdTAwZTB5IGtoaSBuZ1x1MDFiMFx1MWVkZGkgZFx1MDBmOW5nIGRpIGNodVx1MWVkOXQgcXVhP1xyXG48dWw+XHJcbjxsaT5BLiAjYnRuOmhvdmVyIHsgLi4uIH08XC9saT5cclxuPGxpPkIuIGJ0bjpob3ZlciB7IC4uLiB9PFwvbGk+XHJcbjxsaT5DLiAuYnRuIGhvdmVyIHsgLi4uIH08XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gLmJ0bjpob3ZlciB7IC4uLiB9PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI4OiBDaG8gXHUwMTExb1x1MWVhMW4gSFRNTDogYDxwIGlkPVxyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIFhhbmggbGFtIChibHVlKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBcdTAxMTBcdTFlY2YgKHJlZCkuPFwvbGk+XHJcbjxsaT5DLiBNXHUwMGUwdSBtXHUxZWI3YyBcdTAxMTFcdTFlY2JuaC48XC9saT5cclxuPGxpPkQuIEtcdTFlYmZ0IGhcdTFlZTNwIGNcdTFlYTMgaGFpIG1cdTAwZTB1LjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI5OiBCXHUxZWExbiBtdVx1MWVkMW4gXHUwMGUxcCBkXHUxZWU1bmcgY1x1MDBmOW5nIG1cdTFlZDl0IGtpXHUxZWMzdSBkXHUwMGUxbmcgKHZcdTAwZWQgZFx1MWVlNTogdGhcdTAwZWFtIGJvcmRlcikgY2hvIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgaFx1MDBlY25oIFx1MWVhM25oIHRyb25nIG1cdTFlZDl0IGJcdTFlZDkgc1x1MDFiMHUgdFx1MWVhZHAgKGdhbGxlcnkpLiBCXHUxZWExbiBuXHUwMGVhbiBzXHUxZWVkIGRcdTFlZTVuZyBsb1x1MWVhMWkgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIG5naFx1MDEyOWEga2lcdTFlYzN1IGRcdTAwZTFuZyBuXHUwMGUweSBtXHUxZWQ5dCBjXHUwMGUxY2ggaGlcdTFlYzd1IHF1XHUxZWEzLCBjaG8gcGhcdTAwZTlwIHRcdTAwZTFpIHNcdTFlZWQgZFx1MWVlNW5nIGNobyBjXHUwMGUxYyBiXHUxZWQ5IHNcdTAxYjB1IHRcdTFlYWRwIGhcdTAwZWNuaCBcdTFlYTNuaCBraFx1MDBlMWM/XHJcbjx1bD5cclxuPGxpPkEuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIHNlbGVjdG9yKS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKENsYXNzIHNlbGVjdG9yKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBCXHUxZWQ5IGNoXHUxZWNkbiBwaFx1MWVhN24gdFx1MWVlZCBgaW1nYC48XC9saT5cclxuPGxpPkQuIEJcdTFlZDkgY2hcdTFlY2RuIGNvbiBjaFx1MDBlMXUga1x1MWViZnQgaFx1MWVlM3Agdlx1MWVkYmkgSUQgY1x1MWVlN2EgYlx1MWVkOSBzXHUwMWIwdSB0XHUxZWFkcC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzMDogQ2hvIFx1MDExMW9cdTFlYTFuIEhUTUw6IGA8YXJ0aWNsZT48aDIgY2xhc3M9XHJcbjx1bD5cclxuPGxpPkEuIE1cdTAwZTB1IG5cdTFlYzFuIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oICh0cm9uZyBzdVx1MWVkMXQpLjxcL2xpPlxyXG48bGk+Qi4gS2hcdTAwZjRuZyBjXHUwMGYzIG1cdTAwZTB1IG5cdTFlYzFuIHZcdTAwZWMgY1x1MDBmYSBwaFx1MDBlMXAgYlx1MWVkOSBjaFx1MWVjZG4gc2FpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBNXHUwMGUwdSBuXHUxZWMxbiB2XHUwMGUwbmcgKHllbGxvdykuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gTVx1MDBlMHUgblx1MWVjMW4gY1x1MWVlN2EgcGhcdTFlYTduIHRcdTFlZWQgYGFydGljbGVgLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG4iLCJxdWl6X2ltYWdlIjpudWxsLCJxdWl6X2NhdGVnb3J5X2lkIjoiMzIxOSIsInF1ZXN0aW9uX2lkcyI6Ijk2NzEzMCw5NjcxMzEsOTY3MTMyLDk2NzEzMyw5NjcxMzQsOTY3MTM1LDk2NzEzNiw5NjcxMzcsOTY3MTM4LDk2NzEzOSw5NjcxNDAsOTY3MTQxLDk2NzE0Miw5NjcxNDMsOTY3MTQ0LDk2NzE0NSw5NjcxNDYsOTY3MTQ3LDk2NzE0OCw5NjcxNDksOTY3MTUwLDk2NzE1MSw5NjcxNTIsOTY3MTUzLDk2NzE1NCw5NjcxNTUsOTY3MTU2LDk2NzE1Nyw5NjcxNTgsOTY3MTU5Iiwib3JkZXJpbmciOiIzMjQwMiIsInB1Ymxpc2hlZCI6IjEiLCJjcmVhdGVfZGF0ZSI6bnVsbCwicXVpel91cmwiOm51bGwsImludGVydmFscyI6Ilt7XCJpbnRlcnZhbF9taW5cIjpcIjBcIixcImludGVydmFsX21heFwiOlwiMjVcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkFcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCIyNlwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI1MFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQlwifSx7XCJpbnRlcnZhbF9taW5cIjpcIjUxXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjc1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJDXCJ9LHtcImludGVydmFsX21pblwiOlwiNzZcIixcImludGVydmFsX21heFwiOlwiMTAwXCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJEXCJ9XSIsImlzX3VzZXJfbG9nZ2VkX2luIjpmYWxzZSwicXVpel9hbmltYXRpb25fdG9wIjoxMDAsInF1aXpfZW5hYmxlX2FuaW1hdGlvbl90b3AiOiJvbiIsInN0b3JlX2FsbF9ub3RfZmluaXNoZWRfcmVzdWx0cyI6ZmFsc2V9'; </script> <input type='hidden' name='quiz_id' value='32402'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_32402' value='45d85a0ccb'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-33340'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_33340' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 07</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 07</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p> <div class="question-block"> <p>Câu 1: Trong CSS, bộ chọn lớp (class selector) được sử dụng để làm gì?</p> <ul> <li>A. Để chọn và định dạng một phần tử duy nhất trên trang web.</li> <li>B. Để chọn tất cả các phần tử cùng loại (ví dụ: tất cả các đoạn văn).</li> <li>C. Để chọn các phần tử dựa trên vị trí của chúng trong cấu trúc HTML.</li> <li><strong>D. Để áp dụng cùng một kiểu định dạng cho nhiều phần tử khác nhau.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 2: Cú pháp khai báo một bộ chọn lớp trong tệp CSS ngoại (external CSS) là gì?</p> <ul> <li>A. #ten_lop { thuoc_tinh: gia_tri; }</li> <li><strong>B. .ten_lop { thuoc_tinh: gia_tri; }</strong></li> <li>C. ten_lop { thuoc_tinh: gia_tri; }</li> <li>D. <class>ten_lop</class> { thuoc_tinh: gia_tri; }</li> </ul> </div> <div class="question-block"> <p>Câu 3: Trong HTML, thuộc tính nào được sử dụng để gán một hoặc nhiều lớp CSS cho một phần tử?</p> <ul> <li>A. id</li> <li>B. style</li> <li><strong>C. class</strong></li> <li>D. selector</li> </ul> </div> <div class="question-block"> <p>Câu 4: Bộ chọn định danh (ID selector) trong CSS được sử dụng để làm gì?</p> <ul> <li><strong>A. Để chọn và định dạng một phần tử duy nhất với một ID cụ thể.</strong></li> <li>B. Để chọn tất cả các phần tử có cùng tên thẻ (tag name).</li> <li>C. Để chọn nhóm các phần tử có cùng kiểu dáng.</li> <li>D. Để chọn các phần tử con bên trong một phần tử khác.</li> </ul> </div> <div class="question-block"> <p>Câu 5: Cú pháp khai báo một bộ chọn định danh trong tệp CSS là gì?</p> <ul> <li><strong>A. #ten_id { thuoc_tinh: gia_tri; }</strong></li> <li>B. .ten_id { thuoc_tinh: gia_tri; }</li> <li>C. id=ten_id { thuoc_tinh: gia_tri; }</li> <li>D. ten_id { thuoc_tinh: gia_tri; }</li> </ul> </div> <div class="question-block"> <p>Câu 6: Trong HTML, thuộc tính nào được sử dụng để gán một định danh duy nhất cho một phần tử?</p> <ul> <li>A. class</li> <li><strong>B. id</strong></li> <li>C. name</li> <li>D. type</li> </ul> </div> <div class="question-block"> <p>Câu 7: Sự khác biệt cơ bản về mục đích sử dụng giữa bộ chọn lớp và bộ chọn định danh là gì?</p> <ul> <li>A. Bộ chọn lớp chỉ dùng cho văn bản, bộ chọn định danh dùng cho hình ảnh.</li> <li>B. Bộ chọn lớp chỉ áp dụng kiểu nội dòng, bộ chọn định danh áp dụng kiểu bên ngoài.</li> <li><strong>C. Bộ chọn lớp dùng cho nhiều phần tử, bộ chọn định danh dùng cho một phần tử duy nhất.</strong></li> <li>D. Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh.</li> </ul> </div> <div class="question-block"> <p>Câu 8: Bạn có đoạn mã HTML `</p> <p class= <ul> <li>A. Chỉ lớp `intro`.</li> <li>B. Chỉ lớp `highlight`.</li> <li>C. Một lớp kết hợp `intro-highlight`.</li> <li><strong>D. Cả lớp `intro` và lớp `highlight`.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 9: Cho đoạn mã HTML `</p> <div id= <ul> <li>A. Màu chữ mặc định, cỡ chữ 24px.</li> <li><strong>B. Màu chữ xanh dương, cỡ chữ 24px.</strong></li> <li>C. Màu chữ xanh dương, cỡ chữ mặc định.</li> <li>D. Không có kiểu dáng nào được áp dụng vì cú pháp sai.</li> </ul> </div> <div class="question-block"> <p>Câu 10: Bạn muốn tạo một kiểu dáng đặc biệt (ví dụ: khung viền đỏ) chỉ áp dụng cho một hình ảnh logo duy nhất trên trang web của bạn. Bạn nên sử dụng bộ chọn loại nào để định kiểu cho hình ảnh này một cách hiệu quả nhất?</p> <ul> <li><strong>A. Bộ chọn định danh (ID).</strong></li> <li>B. Bộ chọn lớp (Class).</li> <li>C. Bộ chọn thẻ (Tag).</li> <li>D. Bộ chọn phổ quát (*).</li> </ul> </div> <div class="question-block"> <p>Câu 11: Bạn có nhiều nút bấm trên trang web và muốn tất cả các nút "Lưu" có màu nền xanh lá cây, trong khi tất cả các nút "Hủy" có màu nền đỏ. Bạn nên sử dụng bộ chọn loại nào để dễ dàng áp dụng các kiểu dáng khác nhau này?</p> <ul> <li>A. Bộ chọn định danh (ID).</li> <li><strong>B. Bộ chọn lớp (Class).</strong></li> <li>C. Bộ chọn thẻ (Tag).</li> <li>D. Bộ chọn con (Descendant).</li> </ul> </div> <div class="question-block"> <p>Câu 12: Cho đoạn mã HTML: `<span class= <ul> <li>A. Cần một bộ chọn kết hợp `.text-small-italic`.</li> <li>B. Chỉ cần định nghĩa một trong hai lớp, lớp kia sẽ tự động được áp dụng.</li> <li><strong>C. Cần định nghĩa cả hai bộ chọn lớp: `.text-small { ... }` và `.text-italic { ... }`.</strong></li> <li>D. Cần sử dụng bộ chọn ID thay vì lớp.</li> </ul> </div> <div class="question-block"> <p>Câu 13: Độ ưu tiên (specificity) của bộ chọn định danh (#) so với bộ chọn lớp (.) trong CSS là như thế nào?</p> <ul> <li><strong>A. Bộ chọn định danh có độ ưu tiên cao hơn bộ chọn lớp.</strong></li> <li>B. Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh.</li> <li>C. Hai loại bộ chọn này có độ ưu tiên ngang nhau.</li> <li>D. Độ ưu tiên phụ thuộc vào thứ tự khai báo trong tệp CSS.</li> </ul> </div> <div class="question-block"> <p>Câu 14: Cho đoạn mã HTML: `</p> <div id= <ul> <li><strong>A. Màu xanh dương.</strong></li> <li>B. Màu đỏ.</li> <li>C. Cả hai màu xanh dương và đỏ (đường viền kép).</li> <li>D. Không có đường viền nào được áp dụng do xung đột.</li> </ul> </div> <div class="question-block"> <p>Câu 15: Khi áp dụng nhiều bộ chọn lớp cho một phần tử HTML, các tên lớp được phân tách với nhau bằng ký tự gì trong thuộc tính `class`?</p> <ul> <li>A. Dấu phẩy (,).</li> <li>B. Dấu chấm (;).</li> <li><strong>C. Dấu cách ( ).</strong></li> <li>D. Dấu gạch ngang (-).</li> </ul> </div> <div class="question-block"> <p>Câu 16: Bộ chọn CSS nào sau đây sẽ chọn tất cả các phần tử `<span>` có lớp là `warning`?</p> <ul> <li>A. #warning span</li> <li>B. .warning span</li> <li>C. span #warning</li> <li><strong>D. span.warning</strong></li> </ul> </div> <div class="question-block"> <p>Câu 17: Bạn có một danh sách (`</p> <ul>`) và muốn các mục danh sách (`</p> <li>`) bên trong danh sách có ID là `menu` có màu chữ xanh lá cây. Bộ chọn CSS nào sau đây là đúng? <ul> <li>A. li #menu</li> <li><strong>B. #menu li</strong></li> <li>C. .menu li</li> <li>D. li.menu</li> </ul> </div> <div class="question-block"> <p>Câu 18: Giả sử bạn muốn tạo một quy tắc CSS để làm nổi bật (ví dụ: đổi màu nền) cho một ô trong bảng (`</p> <td>`) khi người dùng di chuột qua nó. Bạn có thể sử dụng bộ chọn nào kết hợp với lớp hoặc ID để đạt được điều này?</p> <ul> <li>A. Chỉ cần bộ chọn lớp hoặc ID thông thường.</li> <li>B. Bộ chọn thẻ `td`.</li> <li><strong>C. Bộ chọn lớp hoặc ID kết hợp với pseudo-class `:hover`.</strong></li> <li>D. Chỉ có thể làm điều này bằng JavaScript.</li> </ul> </div> <div class="question-block"> <p>Câu 19: Cho đoạn mã CSS: `.button { padding: 10px; } .button.primary { background-color: blue; }`. Đoạn mã HTML nào sau đây sẽ áp dụng cả padding và màu nền xanh cho nút bấm?</p> <ul> <li>A. <button class=</li> <li><strong>B. <button class=</strong></li> <li>C. <button id=</li> <li>D. <button class=</li> </ul> </div> <div class="question-block"> <p>Câu 20: Tại sao việc sử dụng cùng một giá trị `id` cho nhiều phần tử trong cùng một tài liệu HTML là không nên?</p> <ul> <li><strong>A. Vi phạm tiêu chuẩn HTML và có thể gây lỗi khi sử dụng CSS hoặc JavaScript.</strong></li> <li>B. Làm tăng kích thước tệp HTML một cách đáng kể.</li> <li>C. Khiến trình duyệt hiển thị trang web chậm hơn.</li> <li>D. Không có lý do gì, việc này hoàn toàn bình thường.</li> </ul> </div> <div class="question-block"> <p>Câu 21: Bạn muốn tạo một khối nội dung đặc biệt ở cuối trang web (footer) và đảm bảo rằng kiểu dáng của nó không bị ảnh hưởng bởi bất kỳ quy tắc CSS chung nào cho các phần tử `</p> <div>`. Bạn nên sử dụng bộ chọn loại nào cho footer này?</p> <ul> <li><strong>A. Bộ chọn định danh (ID).</strong></li> <li>B. Bộ chọn lớp (Class).</li> <li>C. Chỉ cần bộ chọn thẻ `div`.</li> <li>D. Bộ chọn phổ quát (*).</li> </ul> </div> <div class="question-block"> <p>Câu 22: Cho đoạn mã CSS: `.error { color: red; font-weight: bold; }`. Đoạn mã HTML nào sau đây sẽ hiển thị văn bản màu đỏ và in đậm?</p> <ul> <li>A. <p id=</li> <li>B. <p style=</li> <li>C. <p name=</li> <li><strong>D. <p class=</strong></li> </ul> </div> <div class="question-block"> <p>Câu 23: Bạn muốn tất cả các liên kết (`<a>`) trong phần nội dung chính của trang web (được bao bởi một `div` có ID là `content`) có màu xanh lá cây. Bộ chọn CSS nào là chính xác cho trường hợp này?</p> <ul> <li><strong>A. #content a</strong></li> <li>B. a #content</li> <li>C. .content a</li> <li>D. a.content</li> </ul> </div> <div class="question-block"> <p>Câu 24: Cho đoạn mã HTML: `</p> <h2 class= <ul> <li>A. Màu chữ tím, không có đường viền.</li> <li>B. Màu chữ mặc định, có đường viền đen.</li> <li><strong>C. Màu chữ tím, có đường viền đen dưới.</strong></li> <li>D. Không có kiểu dáng nào được áp dụng do xung đột bộ chọn.</li> </ul> </div> <div class="question-block"> <p>Câu 25: Bạn có một form đăng nhập và muốn áp dụng một kiểu dáng nhất quán (ví dụ: chiều rộng cố định, padding) cho tất cả các trường nhập liệu (`<input type= <ul> <li>A. Bộ chọn định danh (ID).</li> <li><strong>B. Bộ chọn lớp (Class).</strong></li> <li>C. Bộ chọn thẻ `input`.</li> <li>D. Bộ chọn phổ quát (*).</li> </ul> </div> <div class="question-block"> <p>Câu 26: Cho đoạn mã HTML: `</p> <p id= <ul> <li><strong>A. #message { color: blue; }</strong></li> <li>B. .important-text { color: red; } (nếu <p> có class=</li> <li>C. p { color: green; }</li> <li>D. * { color: black; }</li> </ul> </div> <div class="question-block"> <p>Câu 27: Bạn muốn tạo một kiểu dáng CSS có thể áp dụng cho bất kỳ phần tử nào (ví dụ: một lớp `center-text` để căn giữa văn bản). Bạn nên sử dụng bộ chọn loại nào?</p> <ul> <li>A. Bộ chọn định danh (ID).</li> <li><strong>B. Bộ chọn lớp (Class).</strong></li> <li>C. Bộ chọn thẻ (Tag).</li> <li>D. Bộ chọn con (Descendant).</li> </ul> </div> <div class="question-block"> <p>Câu 28: Giả sử bạn có một cấu trúc HTML phức tạp và muốn định dạng một phần tử `<img>` nằm bên trong một `div` có lớp `gallery`. Bộ chọn CSS nào sau đây là phù hợp?</p> <ul> <li>A. img.gallery</li> <li>B. #gallery img</li> <li><strong>C. .gallery img</strong></li> <li>D. img #gallery</li> </ul> </div> <div class="question-block"> <p>Câu 29: Bạn có đoạn mã HTML: `</p> <article id= <ul> <li><strong>A. #post-123</strong></li> <li>B. .post-123</li> <li>C. article.post-123</li> <li>D. article#post-123</li> </ul> </div> <div class="question-block"> <p>Câu 30: Trong CSS, thuộc tính `background-color` được sử dụng để làm gì khi áp dụng cho một phần tử bằng bộ chọn lớp hoặc ID?</p> <ul> <li>A. Đặt màu chữ cho phần tử.</li> <li><strong>B. Đặt màu nền cho phần tử.</strong></li> <li>C. Đặt màu đường viền cho phần tử.</li> <li>D. Đặt màu cho các liên kết trong phần tử.</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='33340'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-10-bo-chon-lop-bo-chon-dinh-danh-canh-dieu/'/> <input type='hidden' name='ays_quiz_questions' value='995249,995250,995251,995252,995253,995254,995255,995256,995257,995258,995259,995260,995261,995262,995263,995264,995265,995266,995267,995268,995269,995270,995271,995272,995273,995274,995275,995276,995277,995278'> </div> </div><div class='step ' data-question-id='995249' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Trong CSS, bộ chọn lớp (class selector) được sử dụng để làm gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995249]' id='ays-answer-3994185-33340' value='3994185'/> <label for='ays-answer-3994185-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Để chọn và định dạng một phần tử duy nhất trên trang web.</label><label for='ays-answer-3994185-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995249]' id='ays-answer-3994186-33340' value='3994186'/> <label for='ays-answer-3994186-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Để chọn tất cả các phần tử cùng loại (ví dụ: tất cả các đoạn văn).</label><label for='ays-answer-3994186-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995249]' id='ays-answer-3994187-33340' value='3994187'/> <label for='ays-answer-3994187-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Để chọn các phần tử dựa trên vị trí của chúng trong cấu trúc HTML.</label><label for='ays-answer-3994187-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995249]' id='ays-answer-3994188-33340' value='3994188'/> <label for='ays-answer-3994188-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Để áp dụng cùng một kiểu định dạng cho nhiều phần tử khác nhau.</label><label for='ays-answer-3994188-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995249'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDE4NSI6IjAiLCIzOTk0MTg2IjoiMCIsIjM5OTQxODciOiIwIiwiMzk5NDE4OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995250' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Cú pháp khai báo một bộ chọn lớp trong tệp CSS ngoại (external CSS) là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995250]' id='ays-answer-3994189-33340' value='3994189'/> <label for='ays-answer-3994189-33340' class=' ays_position_initial ays-quiz-keyboard-label'>#ten_lop { thuoc_tinh: gia_tri; }</label><label for='ays-answer-3994189-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995250]' id='ays-answer-3994190-33340' value='3994190'/> <label for='ays-answer-3994190-33340' class=' ays_position_initial ays-quiz-keyboard-label'>.ten_lop { thuoc_tinh: gia_tri; }</label><label for='ays-answer-3994190-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995250]' id='ays-answer-3994191-33340' value='3994191'/> <label for='ays-answer-3994191-33340' class=' ays_position_initial ays-quiz-keyboard-label'>ten_lop { thuoc_tinh: gia_tri; }</label><label for='ays-answer-3994191-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995250]' id='ays-answer-3994192-33340' value='3994192'/> <label for='ays-answer-3994192-33340' class=' ays_position_initial ays-quiz-keyboard-label'><class>ten_lop</class> { thuoc_tinh: gia_tri; }</label><label for='ays-answer-3994192-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995250'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDE4OSI6IjAiLCIzOTk0MTkwIjoiMSIsIjM5OTQxOTEiOiIwIiwiMzk5NDE5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995251' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Trong HTML, thuộc tính nào được sử dụng để gán một hoặc nhiều lớp CSS cho một phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995251]' id='ays-answer-3994193-33340' value='3994193'/> <label for='ays-answer-3994193-33340' class=' ays_position_initial ays-quiz-keyboard-label'>id</label><label for='ays-answer-3994193-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995251]' id='ays-answer-3994194-33340' value='3994194'/> <label for='ays-answer-3994194-33340' class=' ays_position_initial ays-quiz-keyboard-label'>style</label><label for='ays-answer-3994194-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995251]' id='ays-answer-3994195-33340' value='3994195'/> <label for='ays-answer-3994195-33340' class=' ays_position_initial ays-quiz-keyboard-label'>class</label><label for='ays-answer-3994195-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995251]' id='ays-answer-3994196-33340' value='3994196'/> <label for='ays-answer-3994196-33340' class=' ays_position_initial ays-quiz-keyboard-label'>selector</label><label for='ays-answer-3994196-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995251'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDE5MyI6IjAiLCIzOTk0MTk0IjoiMCIsIjM5OTQxOTUiOiIxIiwiMzk5NDE5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995252' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Bộ chọn định danh (ID selector) trong CSS được sử dụng để làm gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995252]' id='ays-answer-3994197-33340' value='3994197'/> <label for='ays-answer-3994197-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Để chọn và định dạng một phần tử duy nhất với một ID cụ thể.</label><label for='ays-answer-3994197-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995252]' id='ays-answer-3994198-33340' value='3994198'/> <label for='ays-answer-3994198-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Để chọn tất cả các phần tử có cùng tên thẻ (tag name).</label><label for='ays-answer-3994198-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995252]' id='ays-answer-3994199-33340' value='3994199'/> <label for='ays-answer-3994199-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Để chọn nhóm các phần tử có cùng kiểu dáng.</label><label for='ays-answer-3994199-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995252]' id='ays-answer-3994200-33340' value='3994200'/> <label for='ays-answer-3994200-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Để chọn các phần tử con bên trong một phần tử khác.</label><label for='ays-answer-3994200-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995252'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDE5NyI6IjEiLCIzOTk0MTk4IjoiMCIsIjM5OTQxOTkiOiIwIiwiMzk5NDIwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995253' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Cú pháp khai báo một bộ chọn định danh trong tệp CSS là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995253]' id='ays-answer-3994201-33340' value='3994201'/> <label for='ays-answer-3994201-33340' class=' ays_position_initial ays-quiz-keyboard-label'>#ten_id { thuoc_tinh: gia_tri; }</label><label for='ays-answer-3994201-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995253]' id='ays-answer-3994202-33340' value='3994202'/> <label for='ays-answer-3994202-33340' class=' ays_position_initial ays-quiz-keyboard-label'>.ten_id { thuoc_tinh: gia_tri; }</label><label for='ays-answer-3994202-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995253]' id='ays-answer-3994203-33340' value='3994203'/> <label for='ays-answer-3994203-33340' class=' ays_position_initial ays-quiz-keyboard-label'>id=ten_id { thuoc_tinh: gia_tri; }</label><label for='ays-answer-3994203-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995253]' id='ays-answer-3994204-33340' value='3994204'/> <label for='ays-answer-3994204-33340' class=' ays_position_initial ays-quiz-keyboard-label'>ten_id { thuoc_tinh: gia_tri; }</label><label for='ays-answer-3994204-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995253'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDIwMSI6IjEiLCIzOTk0MjAyIjoiMCIsIjM5OTQyMDMiOiIwIiwiMzk5NDIwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995254' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Trong HTML, thuộc tính nào được sử dụng để gán một định danh duy nhất cho một phần tử?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995254]' id='ays-answer-3994205-33340' value='3994205'/> <label for='ays-answer-3994205-33340' class=' ays_position_initial ays-quiz-keyboard-label'>class</label><label for='ays-answer-3994205-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995254]' id='ays-answer-3994206-33340' value='3994206'/> <label for='ays-answer-3994206-33340' class=' ays_position_initial ays-quiz-keyboard-label'>id</label><label for='ays-answer-3994206-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995254]' id='ays-answer-3994207-33340' value='3994207'/> <label for='ays-answer-3994207-33340' class=' ays_position_initial ays-quiz-keyboard-label'>name</label><label for='ays-answer-3994207-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995254]' id='ays-answer-3994208-33340' value='3994208'/> <label for='ays-answer-3994208-33340' class=' ays_position_initial ays-quiz-keyboard-label'>type</label><label for='ays-answer-3994208-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995254'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDIwNSI6IjAiLCIzOTk0MjA2IjoiMSIsIjM5OTQyMDciOiIwIiwiMzk5NDIwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995255' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Sự khác biệt cơ bản về mục đích sử dụng giữa bộ chọn lớp và bộ chọn định danh là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995255]' id='ays-answer-3994209-33340' value='3994209'/> <label for='ays-answer-3994209-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp chỉ dùng cho văn bản, bộ chọn định danh dùng cho hình ảnh.</label><label for='ays-answer-3994209-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995255]' id='ays-answer-3994210-33340' value='3994210'/> <label for='ays-answer-3994210-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp chỉ áp dụng kiểu nội dòng, bộ chọn định danh áp dụng kiểu bên ngoài.</label><label for='ays-answer-3994210-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995255]' id='ays-answer-3994211-33340' value='3994211'/> <label for='ays-answer-3994211-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp dùng cho nhiều phần tử, bộ chọn định danh dùng cho một phần tử duy nhất.</label><label for='ays-answer-3994211-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995255]' id='ays-answer-3994212-33340' value='3994212'/> <label for='ays-answer-3994212-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh.</label><label for='ays-answer-3994212-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995255'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDIwOSI6IjAiLCIzOTk0MjEwIjoiMCIsIjM5OTQyMTEiOiIxIiwiMzk5NDIxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995256' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn có đoạn mã HTML `</p> <p class="intro highlight">Chào mừng!</p> <p>`. Để áp dụng kiểu cho đoạn văn này, bạn cần các quy tắc CSS tương ứng với những lớp nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995256]' id='ays-answer-3994213-33340' value='3994213'/> <label for='ays-answer-3994213-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ lớp `intro`.</label><label for='ays-answer-3994213-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995256]' id='ays-answer-3994214-33340' value='3994214'/> <label for='ays-answer-3994214-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ lớp `highlight`.</label><label for='ays-answer-3994214-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995256]' id='ays-answer-3994215-33340' value='3994215'/> <label for='ays-answer-3994215-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Một lớp kết hợp `intro-highlight`.</label><label for='ays-answer-3994215-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995256]' id='ays-answer-3994216-33340' value='3994216'/> <label for='ays-answer-3994216-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Cả lớp `intro` và lớp `highlight`.</label><label for='ays-answer-3994216-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995256'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDIxMyI6IjAiLCIzOTk0MjE0IjoiMCIsIjM5OTQyMTUiOiIwIiwiMzk5NDIxNiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995257' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Cho đoạn mã HTML `</p> <div id="header">Tiêu đề trang</div> <p>` và đoạn mã CSS `#header { color: blue; font-size: 24px; }`. Phần tử `</p> <div>` này sẽ có màu chữ và kích thước như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995257]' id='ays-answer-3994217-33340' value='3994217'/> <label for='ays-answer-3994217-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Màu chữ mặc định, cỡ chữ 24px.</label><label for='ays-answer-3994217-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995257]' id='ays-answer-3994218-33340' value='3994218'/> <label for='ays-answer-3994218-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Màu chữ xanh dương, cỡ chữ 24px.</label><label for='ays-answer-3994218-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995257]' id='ays-answer-3994219-33340' value='3994219'/> <label for='ays-answer-3994219-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Màu chữ xanh dương, cỡ chữ mặc định.</label><label for='ays-answer-3994219-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995257]' id='ays-answer-3994220-33340' value='3994220'/> <label for='ays-answer-3994220-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Không có kiểu dáng nào được áp dụng vì cú pháp sai.</label><label for='ays-answer-3994220-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995257'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDIxNyI6IjAiLCIzOTk0MjE4IjoiMSIsIjM5OTQyMTkiOiIwIiwiMzk5NDIyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995258' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Bạn muốn tạo một kiểu dáng đặc biệt (ví dụ: khung viền đỏ) chỉ áp dụng cho một hình ảnh logo duy nhất trên trang web của bạn. Bạn nên sử dụng bộ chọn loại nào để định kiểu cho hình ảnh này một cách hiệu quả nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995258]' id='ays-answer-3994221-33340' value='3994221'/> <label for='ays-answer-3994221-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID).</label><label for='ays-answer-3994221-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995258]' id='ays-answer-3994222-33340' value='3994222'/> <label for='ays-answer-3994222-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class).</label><label for='ays-answer-3994222-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995258]' id='ays-answer-3994223-33340' value='3994223'/> <label for='ays-answer-3994223-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn thẻ (Tag).</label><label for='ays-answer-3994223-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995258]' id='ays-answer-3994224-33340' value='3994224'/> <label for='ays-answer-3994224-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phổ quát (*).</label><label for='ays-answer-3994224-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995258'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDIyMSI6IjEiLCIzOTk0MjIyIjoiMCIsIjM5OTQyMjMiOiIwIiwiMzk5NDIyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995259' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Bạn có nhiều nút bấm trên trang web và muốn tất cả các nút 'Lưu' có màu nền xanh lá cây, trong khi tất cả các nút 'Hủy' có màu nền đỏ. Bạn nên sử dụng bộ chọn loại nào để dễ dàng áp dụng các kiểu dáng khác nhau này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995259]' id='ays-answer-3994225-33340' value='3994225'/> <label for='ays-answer-3994225-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID).</label><label for='ays-answer-3994225-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995259]' id='ays-answer-3994226-33340' value='3994226'/> <label for='ays-answer-3994226-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class).</label><label for='ays-answer-3994226-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995259]' id='ays-answer-3994227-33340' value='3994227'/> <label for='ays-answer-3994227-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn thẻ (Tag).</label><label for='ays-answer-3994227-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995259]' id='ays-answer-3994228-33340' value='3994228'/> <label for='ays-answer-3994228-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn con (Descendant).</label><label for='ays-answer-3994228-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995259'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDIyNSI6IjAiLCIzOTk0MjI2IjoiMSIsIjM5OTQyMjciOiIwIiwiMzk5NDIyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995260' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Cho đoạn mã HTML: `<span class="text-small text-italic">Văn bản nhỏ và nghiêng</span>`. Bạn muốn đoạn văn bản này có cỡ chữ nhỏ và kiểu chữ nghiêng. Các quy tắc CSS cho các lớp `text-small` và `text-italic` sẽ như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995260]' id='ays-answer-3994229-33340' value='3994229'/> <label for='ays-answer-3994229-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Cần một bộ chọn kết hợp `.text-small-italic`.</label><label for='ays-answer-3994229-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995260]' id='ays-answer-3994230-33340' value='3994230'/> <label for='ays-answer-3994230-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần định nghĩa một trong hai lớp, lớp kia sẽ tự động được áp dụng.</label><label for='ays-answer-3994230-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995260]' id='ays-answer-3994231-33340' value='3994231'/> <label for='ays-answer-3994231-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Cần định nghĩa cả hai bộ chọn lớp: `.text-small { ... }` và `.text-italic { ... }`.</label><label for='ays-answer-3994231-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995260]' id='ays-answer-3994232-33340' value='3994232'/> <label for='ays-answer-3994232-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Cần sử dụng bộ chọn ID thay vì lớp.</label><label for='ays-answer-3994232-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995260'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDIyOSI6IjAiLCIzOTk0MjMwIjoiMCIsIjM5OTQyMzEiOiIxIiwiMzk5NDIzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995261' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Độ ưu tiên (specificity) của bộ chọn định danh (#) so với bộ chọn lớp (.) trong CSS là như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995261]' id='ays-answer-3994233-33340' value='3994233'/> <label for='ays-answer-3994233-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh có độ ưu tiên cao hơn bộ chọn lớp.</label><label for='ays-answer-3994233-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995261]' id='ays-answer-3994234-33340' value='3994234'/> <label for='ays-answer-3994234-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh.</label><label for='ays-answer-3994234-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995261]' id='ays-answer-3994235-33340' value='3994235'/> <label for='ays-answer-3994235-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Hai loại bộ chọn này có độ ưu tiên ngang nhau.</label><label for='ays-answer-3994235-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995261]' id='ays-answer-3994236-33340' value='3994236'/> <label for='ays-answer-3994236-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Độ ưu tiên phụ thuộc vào thứ tự khai báo trong tệp CSS.</label><label for='ays-answer-3994236-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995261'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDIzMyI6IjEiLCIzOTk0MjM0IjoiMCIsIjM5OTQyMzUiOiIwIiwiMzk5NDIzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995262' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Cho đoạn mã HTML: `</p> <div id="main-content" class="box">Nội dung chính</div> <p>` và đoạn mã CSS: `#main-content { border: 1px solid blue; } .box { border: 1px solid red; }`. Phần tử `</p> <div>` này sẽ có màu đường viền là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995262]' id='ays-answer-3994237-33340' value='3994237'/> <label for='ays-answer-3994237-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh dương.</label><label for='ays-answer-3994237-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995262]' id='ays-answer-3994238-33340' value='3994238'/> <label for='ays-answer-3994238-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đỏ.</label><label for='ays-answer-3994238-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995262]' id='ays-answer-3994239-33340' value='3994239'/> <label for='ays-answer-3994239-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Cả hai màu xanh dương và đỏ (đường viền kép).</label><label for='ays-answer-3994239-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995262]' id='ays-answer-3994240-33340' value='3994240'/> <label for='ays-answer-3994240-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Không có đường viền nào được áp dụng do xung đột.</label><label for='ays-answer-3994240-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995262'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDIzNyI6IjEiLCIzOTk0MjM4IjoiMCIsIjM5OTQyMzkiOiIwIiwiMzk5NDI0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995263' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Khi áp dụng nhiều bộ chọn lớp cho một phần tử HTML, các tên lớp được phân tách với nhau bằng ký tự gì trong thuộc tính `class`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995263]' id='ays-answer-3994241-33340' value='3994241'/> <label for='ays-answer-3994241-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Dấu phẩy (,).</label><label for='ays-answer-3994241-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995263]' id='ays-answer-3994242-33340' value='3994242'/> <label for='ays-answer-3994242-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Dấu chấm (;).</label><label for='ays-answer-3994242-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995263]' id='ays-answer-3994243-33340' value='3994243'/> <label for='ays-answer-3994243-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Dấu cách ( ).</label><label for='ays-answer-3994243-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995263]' id='ays-answer-3994244-33340' value='3994244'/> <label for='ays-answer-3994244-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Dấu gạch ngang (-).</label><label for='ays-answer-3994244-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995263'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI0MSI6IjAiLCIzOTk0MjQyIjoiMCIsIjM5OTQyNDMiOiIxIiwiMzk5NDI0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995264' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Bộ chọn CSS nào sau đây sẽ chọn tất cả các phần tử `<span>` có lớp là `warning`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995264]' id='ays-answer-3994245-33340' value='3994245'/> <label for='ays-answer-3994245-33340' class=' ays_position_initial ays-quiz-keyboard-label'>#warning span</label><label for='ays-answer-3994245-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995264]' id='ays-answer-3994246-33340' value='3994246'/> <label for='ays-answer-3994246-33340' class=' ays_position_initial ays-quiz-keyboard-label'>.warning span</label><label for='ays-answer-3994246-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995264]' id='ays-answer-3994247-33340' value='3994247'/> <label for='ays-answer-3994247-33340' class=' ays_position_initial ays-quiz-keyboard-label'>span #warning</label><label for='ays-answer-3994247-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995264]' id='ays-answer-3994248-33340' value='3994248'/> <label for='ays-answer-3994248-33340' class=' ays_position_initial ays-quiz-keyboard-label'>span.warning</label><label for='ays-answer-3994248-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995264'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI0NSI6IjAiLCIzOTk0MjQ2IjoiMCIsIjM5OTQyNDciOiIwIiwiMzk5NDI0OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995265' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Bạn có một danh sách (`</p> <ul>`) và muốn các mục danh sách (`</p> <li>`) bên trong danh sách có ID là `menu` có màu chữ xanh lá cây. Bộ chọn CSS nào sau đây là đúng?<br /> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995265]' id='ays-answer-3994249-33340' value='3994249'/> <label for='ays-answer-3994249-33340' class=' ays_position_initial ays-quiz-keyboard-label'>li #menu</label><label for='ays-answer-3994249-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995265]' id='ays-answer-3994250-33340' value='3994250'/> <label for='ays-answer-3994250-33340' class=' ays_position_initial ays-quiz-keyboard-label'>#menu li</label><label for='ays-answer-3994250-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995265]' id='ays-answer-3994251-33340' value='3994251'/> <label for='ays-answer-3994251-33340' class=' ays_position_initial ays-quiz-keyboard-label'>.menu li</label><label for='ays-answer-3994251-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995265]' id='ays-answer-3994252-33340' value='3994252'/> <label for='ays-answer-3994252-33340' class=' ays_position_initial ays-quiz-keyboard-label'>li.menu</label><label for='ays-answer-3994252-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995265'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI0OSI6IjAiLCIzOTk0MjUwIjoiMSIsIjM5OTQyNTEiOiIwIiwiMzk5NDI1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995266' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Giả sử bạn muốn tạo một quy tắc CSS để làm nổi bật (ví dụ: đổi màu nền) cho một ô trong bảng (`</p> <td>`) khi người dùng di chuột qua nó. Bạn có thể sử dụng bộ chọn nào kết hợp với lớp hoặc ID để đạt được điều này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995266]' id='ays-answer-3994253-33340' value='3994253'/> <label for='ays-answer-3994253-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần bộ chọn lớp hoặc ID thông thường.</label><label for='ays-answer-3994253-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995266]' id='ays-answer-3994254-33340' value='3994254'/> <label for='ays-answer-3994254-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn thẻ `td`.</label><label for='ays-answer-3994254-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995266]' id='ays-answer-3994255-33340' value='3994255'/> <label for='ays-answer-3994255-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp hoặc ID kết hợp với pseudo-class `:hover`.</label><label for='ays-answer-3994255-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995266]' id='ays-answer-3994256-33340' value='3994256'/> <label for='ays-answer-3994256-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có thể làm điều này bằng JavaScript.</label><label for='ays-answer-3994256-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995266'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI1MyI6IjAiLCIzOTk0MjU0IjoiMCIsIjM5OTQyNTUiOiIxIiwiMzk5NDI1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995267' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Cho đoạn mã CSS: `.button { padding: 10px; } .button.primary { background-color: blue; }`. Đoạn mã HTML nào sau đây sẽ áp dụng cả padding và màu nền xanh cho nút bấm?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995267]' id='ays-answer-3994257-33340' value='3994257'/> <label for='ays-answer-3994257-33340' class=' ays_position_initial ays-quiz-keyboard-label'><button class="button-primary">Click</button></label><label for='ays-answer-3994257-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995267]' id='ays-answer-3994258-33340' value='3994258'/> <label for='ays-answer-3994258-33340' class=' ays_position_initial ays-quiz-keyboard-label'><button class="button primary">Click</button></label><label for='ays-answer-3994258-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995267]' id='ays-answer-3994259-33340' value='3994259'/> <label for='ays-answer-3994259-33340' class=' ays_position_initial ays-quiz-keyboard-label'><button id="button primary">Click</button></label><label for='ays-answer-3994259-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995267]' id='ays-answer-3994260-33340' value='3994260'/> <label for='ays-answer-3994260-33340' class=' ays_position_initial ays-quiz-keyboard-label'><button class="primary">Click</button></label><label for='ays-answer-3994260-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995267'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI1NyI6IjAiLCIzOTk0MjU4IjoiMSIsIjM5OTQyNTkiOiIwIiwiMzk5NDI2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995268' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Tại sao việc sử dụng cùng một giá trị `id` cho nhiều phần tử trong cùng một tài liệu HTML là không nên?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995268]' id='ays-answer-3994261-33340' value='3994261'/> <label for='ays-answer-3994261-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Vi phạm tiêu chuẩn HTML và có thể gây lỗi khi sử dụng CSS hoặc JavaScript.</label><label for='ays-answer-3994261-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995268]' id='ays-answer-3994262-33340' value='3994262'/> <label for='ays-answer-3994262-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Làm tăng kích thước tệp HTML một cách đáng kể.</label><label for='ays-answer-3994262-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995268]' id='ays-answer-3994263-33340' value='3994263'/> <label for='ays-answer-3994263-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Khiến trình duyệt hiển thị trang web chậm hơn.</label><label for='ays-answer-3994263-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995268]' id='ays-answer-3994264-33340' value='3994264'/> <label for='ays-answer-3994264-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Không có lý do gì, việc này hoàn toàn bình thường.</label><label for='ays-answer-3994264-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995268'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI2MSI6IjEiLCIzOTk0MjYyIjoiMCIsIjM5OTQyNjMiOiIwIiwiMzk5NDI2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995269' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Bạn muốn tạo một khối nội dung đặc biệt ở cuối trang web (footer) và đảm bảo rằng kiểu dáng của nó không bị ảnh hưởng bởi bất kỳ quy tắc CSS chung nào cho các phần tử `</p> <div>`. Bạn nên sử dụng bộ chọn loại nào cho footer này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995269]' id='ays-answer-3994265-33340' value='3994265'/> <label for='ays-answer-3994265-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID).</label><label for='ays-answer-3994265-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995269]' id='ays-answer-3994266-33340' value='3994266'/> <label for='ays-answer-3994266-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class).</label><label for='ays-answer-3994266-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995269]' id='ays-answer-3994267-33340' value='3994267'/> <label for='ays-answer-3994267-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần bộ chọn thẻ `div`.</label><label for='ays-answer-3994267-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995269]' id='ays-answer-3994268-33340' value='3994268'/> <label for='ays-answer-3994268-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phổ quát (*).</label><label for='ays-answer-3994268-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995269'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI2NSI6IjEiLCIzOTk0MjY2IjoiMCIsIjM5OTQyNjciOiIwIiwiMzk5NDI2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995270' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Cho đoạn mã CSS: `.error { color: red; font-weight: bold; }`. Đoạn mã HTML nào sau đây sẽ hiển thị văn bản màu đỏ và in đậm?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995270]' id='ays-answer-3994269-33340' value='3994269'/> <label for='ays-answer-3994269-33340' class=' ays_position_initial ays-quiz-keyboard-label'><p id="error">Lỗi!</p></label><label for='ays-answer-3994269-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995270]' id='ays-answer-3994270-33340' value='3994270'/> <label for='ays-answer-3994270-33340' class=' ays_position_initial ays-quiz-keyboard-label'><p style="color: red; font-weight: bold;">Lỗi!</p></label><label for='ays-answer-3994270-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995270]' id='ays-answer-3994271-33340' value='3994271'/> <label for='ays-answer-3994271-33340' class=' ays_position_initial ays-quiz-keyboard-label'><p name="error">Lỗi!</p></label><label for='ays-answer-3994271-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995270]' id='ays-answer-3994272-33340' value='3994272'/> <label for='ays-answer-3994272-33340' class=' ays_position_initial ays-quiz-keyboard-label'><p class="error">Lỗi!</p></label><label for='ays-answer-3994272-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995270'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI2OSI6IjAiLCIzOTk0MjcwIjoiMCIsIjM5OTQyNzEiOiIwIiwiMzk5NDI3MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995271' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Bạn muốn tất cả các liên kết (`<a>`) trong phần nội dung chính của trang web (được bao bởi một `div` có ID là `content`) có màu xanh lá cây. Bộ chọn CSS nào là chính xác cho trường hợp này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995271]' id='ays-answer-3994273-33340' value='3994273'/> <label for='ays-answer-3994273-33340' class=' ays_position_initial ays-quiz-keyboard-label'>#content a</label><label for='ays-answer-3994273-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995271]' id='ays-answer-3994274-33340' value='3994274'/> <label for='ays-answer-3994274-33340' class=' ays_position_initial ays-quiz-keyboard-label'>a #content</label><label for='ays-answer-3994274-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995271]' id='ays-answer-3994275-33340' value='3994275'/> <label for='ays-answer-3994275-33340' class=' ays_position_initial ays-quiz-keyboard-label'>.content a</label><label for='ays-answer-3994275-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995271]' id='ays-answer-3994276-33340' value='3994276'/> <label for='ays-answer-3994276-33340' class=' ays_position_initial ays-quiz-keyboard-label'>a.content</label><label for='ays-answer-3994276-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995271'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI3MyI6IjEiLCIzOTk0Mjc0IjoiMCIsIjM5OTQyNzUiOiIwIiwiMzk5NDI3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995272' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Cho đoạn mã HTML: `</p> <h2 class="section-title">Tiêu đề phần</h2> <p>` và đoạn mã CSS: `.section-title { border-bottom: 2px solid black; } h2 { color: purple; }`. Tiêu đề `</p> <h2>` này sẽ hiển thị như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995272]' id='ays-answer-3994277-33340' value='3994277'/> <label for='ays-answer-3994277-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Màu chữ tím, không có đường viền.</label><label for='ays-answer-3994277-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995272]' id='ays-answer-3994278-33340' value='3994278'/> <label for='ays-answer-3994278-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Màu chữ mặc định, có đường viền đen.</label><label for='ays-answer-3994278-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995272]' id='ays-answer-3994279-33340' value='3994279'/> <label for='ays-answer-3994279-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Màu chữ tím, có đường viền đen dưới.</label><label for='ays-answer-3994279-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995272]' id='ays-answer-3994280-33340' value='3994280'/> <label for='ays-answer-3994280-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Không có kiểu dáng nào được áp dụng do xung đột bộ chọn.</label><label for='ays-answer-3994280-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995272'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI3NyI6IjAiLCIzOTk0Mjc4IjoiMCIsIjM5OTQyNzkiOiIxIiwiMzk5NDI4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995273' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn có một form đăng nhập và muốn áp dụng một kiểu dáng nhất quán (ví dụ: chiều rộng cố định, padding) cho tất cả các trường nhập liệu (`<input type="text">`, `<input type="password">`). Loại bộ chọn nào là phù hợp nhất để nhóm và định kiểu các trường này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995273]' id='ays-answer-3994281-33340' value='3994281'/> <label for='ays-answer-3994281-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID).</label><label for='ays-answer-3994281-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995273]' id='ays-answer-3994282-33340' value='3994282'/> <label for='ays-answer-3994282-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class).</label><label for='ays-answer-3994282-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995273]' id='ays-answer-3994283-33340' value='3994283'/> <label for='ays-answer-3994283-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn thẻ `input`.</label><label for='ays-answer-3994283-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995273]' id='ays-answer-3994284-33340' value='3994284'/> <label for='ays-answer-3994284-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phổ quát (*).</label><label for='ays-answer-3994284-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995273'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI4MSI6IjAiLCIzOTk0MjgyIjoiMSIsIjM5OTQyODMiOiIwIiwiMzk5NDI4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995274' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Cho đoạn mã HTML: `</p> <p id="message">Thông báo quan trọng</p> <p>`. Bạn muốn định kiểu văn bản này. Quy tắc CSS nào sau đây sẽ có độ ưu tiên cao nhất để định dạng thuộc tính `color` của đoạn văn này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995274]' id='ays-answer-3994285-33340' value='3994285'/> <label for='ays-answer-3994285-33340' class=' ays_position_initial ays-quiz-keyboard-label'>#message { color: blue; }</label><label for='ays-answer-3994285-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995274]' id='ays-answer-3994286-33340' value='3994286'/> <label for='ays-answer-3994286-33340' class=' ays_position_initial ays-quiz-keyboard-label'>.important-text { color: red; } (nếu <p> có class="important-text")</label><label for='ays-answer-3994286-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995274]' id='ays-answer-3994287-33340' value='3994287'/> <label for='ays-answer-3994287-33340' class=' ays_position_initial ays-quiz-keyboard-label'>p { color: green; }</label><label for='ays-answer-3994287-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995274]' id='ays-answer-3994288-33340' value='3994288'/> <label for='ays-answer-3994288-33340' class=' ays_position_initial ays-quiz-keyboard-label'>* { color: black; }</label><label for='ays-answer-3994288-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995274'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI4NSI6IjEiLCIzOTk0Mjg2IjoiMCIsIjM5OTQyODciOiIwIiwiMzk5NDI4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995275' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Bạn muốn tạo một kiểu dáng CSS có thể áp dụng cho bất kỳ phần tử nào (ví dụ: một lớp `center-text` để căn giữa văn bản). Bạn nên sử dụng bộ chọn loại nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995275]' id='ays-answer-3994289-33340' value='3994289'/> <label for='ays-answer-3994289-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID).</label><label for='ays-answer-3994289-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995275]' id='ays-answer-3994290-33340' value='3994290'/> <label for='ays-answer-3994290-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class).</label><label for='ays-answer-3994290-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995275]' id='ays-answer-3994291-33340' value='3994291'/> <label for='ays-answer-3994291-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn thẻ (Tag).</label><label for='ays-answer-3994291-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995275]' id='ays-answer-3994292-33340' value='3994292'/> <label for='ays-answer-3994292-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn con (Descendant).</label><label for='ays-answer-3994292-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995275'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI4OSI6IjAiLCIzOTk0MjkwIjoiMSIsIjM5OTQyOTEiOiIwIiwiMzk5NDI5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995276' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Giả sử bạn có một cấu trúc HTML phức tạp và muốn định dạng một phần tử `<img>` nằm bên trong một `div` có lớp `gallery`. Bộ chọn CSS nào sau đây là phù hợp?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995276]' id='ays-answer-3994293-33340' value='3994293'/> <label for='ays-answer-3994293-33340' class=' ays_position_initial ays-quiz-keyboard-label'>img.gallery</label><label for='ays-answer-3994293-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995276]' id='ays-answer-3994294-33340' value='3994294'/> <label for='ays-answer-3994294-33340' class=' ays_position_initial ays-quiz-keyboard-label'>#gallery img</label><label for='ays-answer-3994294-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995276]' id='ays-answer-3994295-33340' value='3994295'/> <label for='ays-answer-3994295-33340' class=' ays_position_initial ays-quiz-keyboard-label'>.gallery img</label><label for='ays-answer-3994295-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995276]' id='ays-answer-3994296-33340' value='3994296'/> <label for='ays-answer-3994296-33340' class=' ays_position_initial ays-quiz-keyboard-label'>img #gallery</label><label for='ays-answer-3994296-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995276'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI5MyI6IjAiLCIzOTk0Mjk0IjoiMCIsIjM5OTQyOTUiOiIxIiwiMzk5NDI5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995277' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn có đoạn mã HTML: `</p> <article id="post-123">...</article> <p>`. Để định dạng riêng cho bài viết này, bạn sẽ sử dụng bộ chọn CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995277]' id='ays-answer-3994297-33340' value='3994297'/> <label for='ays-answer-3994297-33340' class=' ays_position_initial ays-quiz-keyboard-label'>#post-123</label><label for='ays-answer-3994297-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995277]' id='ays-answer-3994298-33340' value='3994298'/> <label for='ays-answer-3994298-33340' class=' ays_position_initial ays-quiz-keyboard-label'>.post-123</label><label for='ays-answer-3994298-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995277]' id='ays-answer-3994299-33340' value='3994299'/> <label for='ays-answer-3994299-33340' class=' ays_position_initial ays-quiz-keyboard-label'>article.post-123</label><label for='ays-answer-3994299-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995277]' id='ays-answer-3994300-33340' value='3994300'/> <label for='ays-answer-3994300-33340' class=' ays_position_initial ays-quiz-keyboard-label'>article#post-123</label><label for='ays-answer-3994300-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995277'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDI5NyI6IjEiLCIzOTk0Mjk4IjoiMCIsIjM5OTQyOTkiOiIwIiwiMzk5NDMwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='995278' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 07</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Trong CSS, thuộc tính `background-color` được sử dụng để làm gì khi áp dụng cho một phần tử bằng bộ chọn lớp hoặc ID?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995278]' id='ays-answer-3994301-33340' value='3994301'/> <label for='ays-answer-3994301-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt màu chữ cho phần tử.</label><label for='ays-answer-3994301-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995278]' id='ays-answer-3994302-33340' value='3994302'/> <label for='ays-answer-3994302-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt màu nền cho phần tử.</label><label for='ays-answer-3994302-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995278]' id='ays-answer-3994303-33340' value='3994303'/> <label for='ays-answer-3994303-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt màu đường viền cho phần tử.</label><label for='ays-answer-3994303-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-995278]' id='ays-answer-3994304-33340' value='3994304'/> <label for='ays-answer-3994304-33340' class=' ays_position_initial ays-quiz-keyboard-label'>Đặt màu cho các liên kết trong phần tử.</label><label for='ays-answer-3994304-33340' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_33340 === 'undefined'){ window.quizOptions_33340 = []; } window.quizOptions_33340['995278'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiMzk5NDMwMSI6IjAiLCIzOTk0MzAyIjoiMSIsIjM5OTQzMDMiOiIwIiwiMzk5NDMwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-33340 * { box-sizing: border-box; } #ays-quiz-container-33340 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-33340 #ays_finish_quiz_33340 { } /* Styles for Quiz container */ #ays-quiz-container-33340{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-33340 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-33340 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-33340 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-33340 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-33340 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-33340 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-33340 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-33340 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-33340.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-33340.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-33340 #ays_finish_quiz_33340 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-33340.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-33340.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-33340.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-33340.ays-quiz-container .ays-questions-container p, #ays-quiz-container-33340.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-33340.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-33340.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-33340.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-33340.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-33340.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-33340.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-33340.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-33340.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-33340 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-33340 .ays-quiz-password-message-box, #ays-quiz-container-33340 .ays-quiz-question-note-message-box, #ays-quiz-container-33340 .ays_quiz_question, #ays-quiz-container-33340 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-33340 textarea, #ays-quiz-container-33340 input::first-letter, #ays-quiz-container-33340 select::first-letter, #ays-quiz-container-33340 option::first-letter { color: initial !important; } #ays-quiz-container-33340 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-33340 .select2-container, #ays-quiz-container-33340 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-33340 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-33340 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-33340 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-33340 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-33340 .ays-questions-container .ays-field, div#ays-quiz-container-33340 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-33340 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-33340 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-33340 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-33340 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-33340 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-33340 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-33340 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-33340 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-33340 .information_form input[type='text'], #ays-quiz-container-33340 .information_form input[type='url'], #ays-quiz-container-33340 .information_form input[type='number'], #ays-quiz-container-33340 .information_form input[type='email'], #ays-quiz-container-33340 .information_form input[type='tel'], #ays-quiz-container-33340 .information_form textarea, #ays-quiz-container-33340 .information_form select, #ays-quiz-container-33340 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-33340 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-33340 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-33340 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-33340 .right_answer_text{ color:#33cc33; } #ays-quiz-container-33340 .right_answer_text p { font-size:16px; } #ays-quiz-container-33340 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-33340 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-33340 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-33340 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-33340 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-33340 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-33340 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-33340 .ays_cb_and_a, #ays-quiz-container-33340 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-33340 iframe { /*min-height: 450px;*/ } #ays-quiz-container-33340 label.ays_for_checkbox, #ays-quiz-container-33340 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-33340 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-33340 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-33340 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-33340 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-33340 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-33340 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-33340 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-33340 div.lds-spinner, #ays-quiz-container-33340 div.lds-spinner2 { color: #000000; } #ays-quiz-container-33340 div.lds-spinner div:after, #ays-quiz-container-33340 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-33340 .lds-circle, #ays-quiz-container-33340 .lds-facebook div, #ays-quiz-container-33340 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-33340 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-33340 .lds-dual-ring::after, #ays-quiz-container-33340 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-33340 .ui.rating .icon, #ays-quiz-container-33340 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-33340 #ays_finish_quiz_33340 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-33340 #ays_finish_quiz_33340 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-33340 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-33340 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-33340 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-33340 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-33340 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-33340 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-33340 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-33340 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-33340 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-33340 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-33340 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-33340 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-33340 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-33340 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-33340 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-33340 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-33340 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-33340 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-33340 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-33340 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-33340 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-33340 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-33340 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-33340 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-33340 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-33340 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-33340 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-33340 div.ays-quiz-redirection-timer, #ays-quiz-container-33340 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-33340 div.ays-quiz-after-timer * , #ays-quiz-container-33340 div.ays-quiz-redirection-timer *, #ays-quiz-container-33340 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-33340 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-33340 input#ays-submit, #ays-quiz-container-33340 #ays_finish_quiz_33340 .action-button, #ays-quiz-container-33340 #ays_finish_quiz_33340 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-33340 #ays_finish_quiz_33340 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-33340 #ays_finish_quiz_33340 .action-button.ays_restart_button, #ays-quiz-container-33340 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-33340 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-33340 input#ays-submit, #ays-quiz-container-33340 #ays_finish_quiz_33340 input.action-button, #ays-quiz-container-33340 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-33340 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-33340 #ays_finish_quiz_33340 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-33340 #ays_finish_quiz_33340 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-33340 #ays_finish_quiz_33340 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-33340 input#ays-submit:hover, #ays-quiz-container-33340 input#ays-submit:focus, #ays-quiz-container-33340 #ays_finish_quiz_33340 .action-button:hover, #ays-quiz-container-33340 #ays_finish_quiz_33340 .action-button:focus, #ays-quiz-container-33340 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-33340 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-33340 .ays_restart_button { color: #ffffff; } #ays-quiz-container-33340 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-33340 .ays_buttons_div { justify-content: center; } #ays-quiz-container-33340 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-33340 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-33340 input[type='button'], #ays-quiz-container-33340 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-33340 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-33340 input[type='button']:focus-visible, div#ays-quiz-container-33340 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-33340 #ays_finish_quiz_33340 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-33340 #ays_finish_quiz_33340 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-33340 #ays_finish_quiz_33340 i.ays_early_finish.action-button[disabled], #ays-quiz-container-33340 #ays_finish_quiz_33340 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-33340 #ays_finish_quiz_33340 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-33340 #ays_finish_quiz_33340 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-33340 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-33340 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-33340 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-33340.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-33340 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-33340 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-33340 #ays_finish_quiz_33340 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-33340 #ays_finish_quiz_33340 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-33340 #ays_finish_quiz_33340 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-33340 #ays_finish_quiz_33340 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-33340 #ays_finish_quiz_33340 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-33340 #ays_finish_quiz_33340 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-33340 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-33340 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-33340 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-33340 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-33340 #ays_finish_quiz_33340 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-33340 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-33340 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-33340 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-33340 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-33340 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-33340 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-33340 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-33340 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-33340 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-33340 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-33340 #ays_finish_quiz_33340 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-33340 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-33340 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-33340 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-33340 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-33340 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-33340 .ays-field .select2-container--default, #ays-quiz-container-33340 .ays-field .select2-container--default .selection, #ays-quiz-container-33340 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-33340 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-33340 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-33340 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-33340 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-33340 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-33340 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-33340 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-33340 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-33340 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-33340 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-33340 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-33340 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-33340 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-33340 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-33340 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-33340 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-33340 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-33340 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-33340 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-33340 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-33340 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-33340 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-33340 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-33340.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-33340.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-33340 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-33340 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-33340 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-33340 label[for^='ays-answer']:before, #ays-quiz-container-33340 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-33340 .ays_question_report { text-align: right; } div#ays-quiz-container-33340 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-33340 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-33340.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-33340.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-33340.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-33340.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-33340.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-33340.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-33340 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-33340.ays_quiz_classic_dark .correct_div, #ays-quiz-container-33340.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-33340.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-33340.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-33340.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-33340.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-33340.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-33340.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-33340 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-33340 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-33340 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-33340 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-33340 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-33340 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-33340 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-33340 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-33340 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-33340.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-33340.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-33340 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-33340 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-33340 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-33340 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-33340 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-33340 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-33340 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-33340 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-33340 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-33340 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-33340 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-33340 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-33340 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-33340 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-33340 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-33340 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-33340 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-33340 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-33340 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-33340 .ays-quiz-personality-result-box div:before, #ays-quiz-container-33340 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-33340 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-33340 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-33340 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-33340 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-33340 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-33340 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-33340 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-33340 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-33340 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-33340 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-33340 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-33340 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-33340 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-33340{ max-width: 100%; } div#ays-quiz-container-33340 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-33340.ays_quiz_modern_light .step, div#ays-quiz-container-33340.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-33340.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-33340.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-33340.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-33340.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-33340 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-33340 .select2-container, div#ays-quiz-container-33340 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-33340 input#ays-submit, div#ays-quiz-container-33340 #ays_finish_quiz_33340 .action-button, div#ays-quiz-container-33340 #ays_finish_quiz_33340 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-33340 #ays_finish_quiz_33340 .action-button.ays_restart_button, #ays-quiz-container-33340 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-33340 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-33340 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-33340 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-33340 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-33340 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-33340 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-33340 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-33340 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-33340 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-33340 p { margin: 0.625em; } #ays-quiz-container-33340.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-33340.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-33340 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-33340.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-33340 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-33340 #ays_finish_quiz_33340 .action-button:hover, #ays-quiz-container-33340 #ays_finish_quiz_33340 .action-button:focus, #ays-quiz-container-33340 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-33340 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['33340'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMzM0MCIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwNyIsImRlc2NyaXB0aW9uIjoiPHA+PHN0cm9uZz5CYVx1MDMwMGkgVFx1MDBlMlx1MDMyM3AgVHJcdTFlYWZjIG5naGlcdTFlYzdtIFRpbiBoXHUxZWNkYyAxMiAtIENcdTAwZTFuaCBkaVx1MWVjMXUgLSBCXHUwMGUwaSAxMDogQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDc8XC9zdHJvbmc+IFx1MDExMVx1MDFiMFx1MWVlM2MgeFx1MDBlMnkgZFx1MWVmMW5nIHZcdTFlZGJpIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgY2hcdTFlYTV0IGxcdTAxYjBcdTFlZTNuZywgc1x1MDBlMXQgdlx1MWVkYmkgblx1MWVkOWkgZHVuZyBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmggaFx1MWVjZGMsIGdpXHUwMGZhcCBiXHUxZWExbiBkXHUxZWM1IGRcdTAwZTBuZyBcdTAwZjRuIHRcdTFlYWRwIHZcdTAwZTAga2lcdTFlYzNtIHRyYSBraVx1MWViZm4gdGhcdTFlZTljIGhpXHUxZWM3dSBxdVx1MWVhMy4gSFx1MDBlM3kgY1x1MDBmOW5nIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgbFx1MDBlMG0gYlx1MDBlMGkgdFx1MWVhZHAgdHJcdTFlYWZjIG5naGlcdTFlYzdtIG5nYXkgXHUwMTExXHUxZWMzIG5cdTAwZTJuZyBjYW8gaGlcdTFlYzN1IGJpXHUxZWJmdCB2XHUwMGUwIGNodVx1MWVhOW4gYlx1MWVjYiB0XHUxZWQxdCBjaG8ga1x1MWVmMyB0aGkgc1x1MWVhZnAgdFx1MWVkYmkhPFwvcD5cclxuXHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTogVHJvbmcgQ1NTLCBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoY2xhc3Mgc2VsZWN0b3IpIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIGxcdTAwZTBtIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIFx1MDExMFx1MWVjMyBjaFx1MWVjZG4gdlx1MDBlMCBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgZHV5IG5oXHUxZWE1dCB0clx1MDBlYW4gdHJhbmcgd2ViLjxcL2xpPlxyXG48bGk+Qi4gXHUwMTEwXHUxZWMzIGNoXHUxZWNkbiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjluZyBsb1x1MWVhMWkgKHZcdTAwZWQgZFx1MWVlNTogdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBcdTAxMTFvXHUxZWExbiB2XHUwMTAzbikuPFwvbGk+XHJcbjxsaT5DLiBcdTAxMTBcdTFlYzMgY2hcdTFlY2RuIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGRcdTFlZjFhIHRyXHUwMGVhbiB2XHUxZWNiIHRyXHUwMGVkIGNcdTFlZTdhIGNoXHUwMGZhbmcgdHJvbmcgY1x1MWVhNXUgdHJcdTAwZmFjIEhUTUwuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIFx1MDExMFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBjXHUwMGY5bmcgbVx1MWVkOXQga2lcdTFlYzN1IFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBjaG8gbmhpXHUxZWMxdSBwaFx1MWVhN24gdFx1MWVlZCBraFx1MDBlMWMgbmhhdS48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjogQ1x1MDBmYSBwaFx1MDBlMXAga2hhaSBiXHUwMGUxbyBtXHUxZWQ5dCBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCB0cm9uZyB0XHUxZWM3cCBDU1MgbmdvXHUxZWExaSAoZXh0ZXJuYWwgQ1NTKSBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuICN0ZW5fbG9wIHsgdGh1b2NfdGluaDogZ2lhX3RyaTsgfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiAudGVuX2xvcCB7IHRodW9jX3Rpbmg6IGdpYV90cmk7IH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiB0ZW5fbG9wIHsgdGh1b2NfdGluaDogZ2lhX3RyaTsgfTxcL2xpPlxyXG48bGk+RC4gPGNsYXNzPnRlbl9sb3A8XC9jbGFzcz4geyB0aHVvY190aW5oOiBnaWFfdHJpOyB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzogVHJvbmcgSFRNTCwgdGh1XHUxZWQ5YyB0XHUwMGVkbmggblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgZ1x1MDBlMW4gbVx1MWVkOXQgaG9cdTFlYjdjIG5oaVx1MWVjMXUgbFx1MWVkYnAgQ1NTIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZD9cclxuPHVsPlxyXG48bGk+QS4gaWQ8XC9saT5cclxuPGxpPkIuIHN0eWxlPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIGNsYXNzPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gc2VsZWN0b3I8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA0OiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIChJRCBzZWxlY3RvcikgdHJvbmcgQ1NTIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIGxcdTAwZTBtIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gXHUwMTEwXHUxZWMzIGNoXHUxZWNkbiB2XHUwMGUwIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBkdXkgbmhcdTFlYTV0IHZcdTFlZGJpIG1cdTFlZDl0IElEIGNcdTFlZTUgdGhcdTFlYzMuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gXHUwMTEwXHUxZWMzIGNoXHUxZWNkbiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgY1x1MDBmOW5nIHRcdTAwZWFuIHRoXHUxZWJiICh0YWcgbmFtZSkuPFwvbGk+XHJcbjxsaT5DLiBcdTAxMTBcdTFlYzMgY2hcdTFlY2RuIG5oXHUwMGYzbSBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGYzIGNcdTAwZjluZyBraVx1MWVjM3UgZFx1MDBlMW5nLjxcL2xpPlxyXG48bGk+RC4gXHUwMTEwXHUxZWMzIGNoXHUxZWNkbiBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBjb24gYlx1MDBlYW4gdHJvbmcgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQga2hcdTAwZTFjLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDU6IENcdTAwZmEgcGhcdTAwZTFwIGtoYWkgYlx1MDBlMW8gbVx1MWVkOXQgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCB0cm9uZyB0XHUxZWM3cCBDU1MgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuICN0ZW5faWQgeyB0aHVvY190aW5oOiBnaWFfdHJpOyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gLnRlbl9pZCB7IHRodW9jX3Rpbmg6IGdpYV90cmk7IH08XC9saT5cclxuPGxpPkMuIGlkPXRlbl9pZCB7IHRodW9jX3Rpbmg6IGdpYV90cmk7IH08XC9saT5cclxuPGxpPkQuIHRlbl9pZCB7IHRodW9jX3Rpbmg6IGdpYV90cmk7IH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA2OiBUcm9uZyBIVE1MLCB0aHVcdTFlZDljIHRcdTAwZWRuaCBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBnXHUwMGUxbiBtXHUxZWQ5dCBcdTAxMTFcdTFlY2JuaCBkYW5oIGR1eSBuaFx1MWVhNXQgY2hvIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkP1xyXG48dWw+XHJcbjxsaT5BLiBjbGFzczxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBpZDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIG5hbWU8XC9saT5cclxuPGxpPkQuIHR5cGU8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA3OiBTXHUxZWYxIGtoXHUwMGUxYyBiaVx1MWVjN3QgY1x1MDFhMSBiXHUxZWEzbiB2XHUxZWMxIG1cdTFlZTVjIFx1MDExMVx1MDBlZGNoIHNcdTFlZWQgZFx1MWVlNW5nIGdpXHUxZWVmYSBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCB2XHUwMGUwIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBjaFx1MWVjOSBkXHUwMGY5bmcgY2hvIHZcdTAxMDNuIGJcdTFlYTNuLCBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGRcdTAwZjluZyBjaG8gaFx1MDBlY25oIFx1MWVhM25oLjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY2hcdTFlYzkgXHUwMGUxcCBkXHUxZWU1bmcga2lcdTFlYzN1IG5cdTFlZDlpIGRcdTAwZjJuZywgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgYlx1MDBlYW4gbmdvXHUwMGUwaS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgZFx1MDBmOW5nIGNobyBuaGlcdTFlYzF1IHBoXHUxZWE3biB0XHUxZWVkLCBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGRcdTAwZjluZyBjaG8gbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgZHV5IG5oXHUxZWE1dC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBjXHUwMGYzIFx1MDExMVx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiBjYW8gaFx1MDFhMW4gYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA4OiBCXHUxZWExbiBjXHUwMGYzIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTCBgPHAgY2xhc3M9XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IGxcdTFlZGJwIGBpbnRyb2AuPFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBsXHUxZWRicCBgaGlnaGxpZ2h0YC48XC9saT5cclxuPGxpPkMuIE1cdTFlZDl0IGxcdTFlZGJwIGtcdTFlYmZ0IGhcdTFlZTNwIGBpbnRyby1oaWdobGlnaHRgLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBDXHUxZWEzIGxcdTFlZGJwIGBpbnRyb2Agdlx1MDBlMCBsXHUxZWRicCBgaGlnaGxpZ2h0YC48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgOTogQ2hvIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTCBgPGRpdiBpZD1cclxuPHVsPlxyXG48bGk+QS4gTVx1MDBlMHUgY2hcdTFlZWYgbVx1MWViN2MgXHUwMTExXHUxZWNibmgsIGNcdTFlZTEgY2hcdTFlZWYgMjRweC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gTVx1MDBlMHUgY2hcdTFlZWYgeGFuaCBkXHUwMWIwXHUwMWExbmcsIGNcdTFlZTEgY2hcdTFlZWYgMjRweC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBNXHUwMGUwdSBjaFx1MWVlZiB4YW5oIGRcdTAxYjBcdTAxYTFuZywgY1x1MWVlMSBjaFx1MWVlZiBtXHUxZWI3YyBcdTAxMTFcdTFlY2JuaC48XC9saT5cclxuPGxpPkQuIEtoXHUwMGY0bmcgY1x1MDBmMyBraVx1MWVjM3UgZFx1MDBlMW5nIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMGUxcCBkXHUxZWU1bmcgdlx1MDBlYyBjXHUwMGZhIHBoXHUwMGUxcCBzYWkuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTA6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraVx1MWVjM3UgZFx1MDBlMW5nIFx1MDExMVx1MWViN2MgYmlcdTFlYzd0ICh2XHUwMGVkIGRcdTFlZTU6IGtodW5nIHZpXHUxZWMxbiBcdTAxMTFcdTFlY2YpIGNoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIGNobyBtXHUxZWQ5dCBoXHUwMGVjbmggXHUxZWEzbmggbG9nbyBkdXkgbmhcdTFlYTV0IHRyXHUwMGVhbiB0cmFuZyB3ZWIgY1x1MWVlN2EgYlx1MWVhMW4uIEJcdTFlYTFuIG5cdTAwZWFuIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIGxvXHUxZWExaSBuXHUwMGUwbyBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmgga2lcdTFlYzN1IGNobyBoXHUwMGVjbmggXHUxZWEzbmggblx1MDBlMHkgbVx1MWVkOXQgY1x1MDBlMWNoIGhpXHUxZWM3dSBxdVx1MWVhMyBuaFx1MWVhNXQ/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoSUQpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIChDbGFzcykuPFwvbGk+XHJcbjxsaT5DLiBCXHUxZWQ5IGNoXHUxZWNkbiB0aFx1MWViYiAoVGFnKS48XC9saT5cclxuPGxpPkQuIEJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWQ1IHF1XHUwMGUxdCAoKikuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTE6IEJcdTFlYTFuIGNcdTAwZjMgbmhpXHUxZWMxdSBuXHUwMGZhdCBiXHUxZWE1bSB0clx1MDBlYW4gdHJhbmcgd2ViIHZcdTAwZTAgbXVcdTFlZDFuIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgblx1MDBmYXQgXCJMXHUwMWIwdVwiIGNcdTAwZjMgbVx1MDBlMHUgblx1MWVjMW4geGFuaCBsXHUwMGUxIGNcdTAwZTJ5LCB0cm9uZyBraGkgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBuXHUwMGZhdCBcIkhcdTFlZTd5XCIgY1x1MDBmMyBtXHUwMGUwdSBuXHUxZWMxbiBcdTAxMTFcdTFlY2YuIEJcdTFlYTFuIG5cdTAwZWFuIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIGxvXHUxZWExaSBuXHUwMGUwbyBcdTAxMTFcdTFlYzMgZFx1MWVjNSBkXHUwMGUwbmcgXHUwMGUxcCBkXHUxZWU1bmcgY1x1MDBlMWMga2lcdTFlYzN1IGRcdTAwZTFuZyBraFx1MDBlMWMgbmhhdSBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoSUQpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoQ2xhc3MpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIHRoXHUxZWJiIChUYWcpLjxcL2xpPlxyXG48bGk+RC4gQlx1MWVkOSBjaFx1MWVjZG4gY29uIChEZXNjZW5kYW50KS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMjogQ2hvIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTDogYDxzcGFuIGNsYXNzPVxyXG48dWw+XHJcbjxsaT5BLiBDXHUxZWE3biBtXHUxZWQ5dCBiXHUxZWQ5IGNoXHUxZWNkbiBrXHUxZWJmdCBoXHUxZWUzcCBgLnRleHQtc21hbGwtaXRhbGljYC48XC9saT5cclxuPGxpPkIuIENoXHUxZWM5IGNcdTFlYTduIFx1MDExMVx1MWVjYm5oIG5naFx1MDEyOWEgbVx1MWVkOXQgdHJvbmcgaGFpIGxcdTFlZGJwLCBsXHUxZWRicCBraWEgc1x1MWViZCB0XHUxZWYxIFx1MDExMVx1MWVkOW5nIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMGUxcCBkXHUxZWU1bmcuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIENcdTFlYTduIFx1MDExMVx1MWVjYm5oIG5naFx1MDEyOWEgY1x1MWVhMyBoYWkgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnA6IGAudGV4dC1zbWFsbCB7IC4uLiB9YCB2XHUwMGUwIGAudGV4dC1pdGFsaWMgeyAuLi4gfWAuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gQ1x1MWVhN24gc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gSUQgdGhheSB2XHUwMGVjIGxcdTFlZGJwLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEzOiBcdTAxMTBcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gKHNwZWNpZmljaXR5KSBjXHUxZWU3YSBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oICgjKSBzbyB2XHUxZWRiaSBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoLikgdHJvbmcgQ1NTIGxcdTAwZTAgbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBjXHUwMGYzIFx1MDExMVx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiBjYW8gaFx1MDFhMW4gYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY1x1MDBmMyBcdTAxMTFcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gY2FvIGhcdTAxYTFuIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmguPFwvbGk+XHJcbjxsaT5DLiBIYWkgbG9cdTFlYTFpIGJcdTFlZDkgY2hcdTFlY2RuIG5cdTAwZTB5IGNcdTAwZjMgXHUwMTExXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIG5nYW5nIG5oYXUuPFwvbGk+XHJcbjxsaT5ELiBcdTAxMTBcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gcGhcdTFlZTUgdGh1XHUxZWQ5YyB2XHUwMGUwbyB0aFx1MWVlOSB0XHUxZWYxIGtoYWkgYlx1MDBlMW8gdHJvbmcgdFx1MWVjN3AgQ1NTLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE0OiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MOiBgPGRpdiBpZD1cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBNXHUwMGUwdSB4YW5oIGRcdTAxYjBcdTAxYTFuZy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBNXHUwMGUwdSBcdTAxMTFcdTFlY2YuPFwvbGk+XHJcbjxsaT5DLiBDXHUxZWEzIGhhaSBtXHUwMGUwdSB4YW5oIGRcdTAxYjBcdTAxYTFuZyB2XHUwMGUwIFx1MDExMVx1MWVjZiAoXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIGtcdTAwZTlwKS48XC9saT5cclxuPGxpPkQuIEtoXHUwMGY0bmcgY1x1MDBmMyBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZyBkbyB4dW5nIFx1MDExMVx1MWVkOXQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTU6IEtoaSBcdTAwZTFwIGRcdTFlZTVuZyBuaGlcdTFlYzF1IGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBIVE1MLCBjXHUwMGUxYyB0XHUwMGVhbiBsXHUxZWRicCBcdTAxMTFcdTAxYjBcdTFlZTNjIHBoXHUwMGUybiB0XHUwMGUxY2ggdlx1MWVkYmkgbmhhdSBiXHUxZWIxbmcga1x1MDBmZCB0XHUxZWYxIGdcdTAwZWMgdHJvbmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGNsYXNzYD9cclxuPHVsPlxyXG48bGk+QS4gRFx1MWVhNXUgcGhcdTFlYTl5ICgsKS48XC9saT5cclxuPGxpPkIuIERcdTFlYTV1IGNoXHUxZWE1bSAoOykuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIERcdTFlYTV1IGNcdTAwZTFjaCAoICkuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gRFx1MWVhNXUgZ1x1MWVhMWNoIG5nYW5nICgtKS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNjogQlx1MWVkOSBjaFx1MWVjZG4gQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IHNcdTFlYmQgY2hcdTFlY2RuIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgYDxzcGFuPmAgY1x1MDBmMyBsXHUxZWRicCBsXHUwMGUwIGB3YXJuaW5nYD9cclxuPHVsPlxyXG48bGk+QS4gI3dhcm5pbmcgc3BhbjxcL2xpPlxyXG48bGk+Qi4gLndhcm5pbmcgc3BhbjxcL2xpPlxyXG48bGk+Qy4gc3BhbiAjd2FybmluZzxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBzcGFuLndhcm5pbmc8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTc6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgZGFuaCBzXHUwMGUxY2ggKGA8dWw+YCkgdlx1MDBlMCBtdVx1MWVkMW4gY1x1MDBlMWMgbVx1MWVlNWMgZGFuaCBzXHUwMGUxY2ggKGA8bGk+YCkgYlx1MDBlYW4gdHJvbmcgZGFuaCBzXHUwMGUxY2ggY1x1MDBmMyBJRCBsXHUwMGUwIGBtZW51YCBjXHUwMGYzIG1cdTAwZTB1IGNoXHUxZWVmIHhhbmggbFx1MDBlMSBjXHUwMGUyeS4gQlx1MWVkOSBjaFx1MWVjZG4gQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgXHUwMTExXHUwMGZhbmc/XHJcbjx1bD5cclxuPGxpPkEuIGxpICNtZW51PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuICNtZW51IGxpPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gLm1lbnUgbGk8XC9saT5cclxuPGxpPkQuIGxpLm1lbnU8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxODogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgcXV5IHRcdTFlYWZjIENTUyBcdTAxMTFcdTFlYzMgbFx1MDBlMG0gblx1MWVkNWkgYlx1MWVhZHQgKHZcdTAwZWQgZFx1MWVlNTogXHUwMTExXHUxZWQ1aSBtXHUwMGUwdSBuXHUxZWMxbikgY2hvIG1cdTFlZDl0IFx1MDBmNCB0cm9uZyBiXHUxZWEzbmcgKGA8dGQ+YCkga2hpIG5nXHUwMWIwXHUxZWRkaSBkXHUwMGY5bmcgZGkgY2h1XHUxZWQ5dCBxdWEgblx1MDBmMy4gQlx1MWVhMW4gY1x1MDBmMyB0aFx1MWVjMyBzXHUxZWVkIGRcdTFlZTVuZyBiXHUxZWQ5IGNoXHUxZWNkbiBuXHUwMGUwbyBrXHUxZWJmdCBoXHUxZWUzcCB2XHUxZWRiaSBsXHUxZWRicCBob1x1MWViN2MgSUQgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVhMXQgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxMTFpXHUxZWMxdSBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgY1x1MWVhN24gYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgaG9cdTFlYjdjIElEIHRoXHUwMGY0bmcgdGhcdTAxYjBcdTFlZGRuZy48XC9saT5cclxuPGxpPkIuIEJcdTFlZDkgY2hcdTFlY2RuIHRoXHUxZWJiIGB0ZGAuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGhvXHUxZWI3YyBJRCBrXHUxZWJmdCBoXHUxZWUzcCB2XHUxZWRiaSBwc2V1ZG8tY2xhc3MgYDpob3ZlcmAuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlYzkgY1x1MDBmMyB0aFx1MWVjMyBsXHUwMGUwbSBcdTAxMTFpXHUxZWMxdSBuXHUwMGUweSBiXHUxZWIxbmcgSmF2YVNjcmlwdC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOTogQ2hvIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgQ1NTOiBgLmJ1dHRvbiB7IHBhZGRpbmc6IDEwcHg7IH0gLmJ1dHRvbi5wcmltYXJ5IHsgYmFja2dyb3VuZC1jb2xvcjogYmx1ZTsgfWAuIFx1MDExMG9cdTFlYTFuIG1cdTAwZTMgSFRNTCBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBzXHUxZWJkIFx1MDBlMXAgZFx1MWVlNW5nIGNcdTFlYTMgcGFkZGluZyB2XHUwMGUwIG1cdTAwZTB1IG5cdTFlYzFuIHhhbmggY2hvIG5cdTAwZmF0IGJcdTFlYTVtP1xyXG48dWw+XHJcbjxsaT5BLiA8YnV0dG9uIGNsYXNzPTxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiA8YnV0dG9uIGNsYXNzPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIDxidXR0b24gaWQ9PFwvbGk+XHJcbjxsaT5ELiA8YnV0dG9uIGNsYXNzPTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIwOiBUXHUxZWExaSBzYW8gdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTAwZjluZyBtXHUxZWQ5dCBnaVx1MDBlMSB0clx1MWVjYiBgaWRgIGNobyBuaGlcdTFlYzF1IHBoXHUxZWE3biB0XHUxZWVkIHRyb25nIGNcdTAwZjluZyBtXHUxZWQ5dCB0XHUwMGUwaSBsaVx1MWVjN3UgSFRNTCBsXHUwMGUwIGtoXHUwMGY0bmcgblx1MDBlYW4/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gVmkgcGhcdTFlYTFtIHRpXHUwMGVhdSBjaHVcdTFlYTluIEhUTUwgdlx1MDBlMCBjXHUwMGYzIHRoXHUxZWMzIGdcdTAwZTJ5IGxcdTFlZDdpIGtoaSBzXHUxZWVkIGRcdTFlZTVuZyBDU1MgaG9cdTFlYjdjIEphdmFTY3JpcHQuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gTFx1MDBlMG0gdFx1MDEwM25nIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgdFx1MWVjN3AgSFRNTCBtXHUxZWQ5dCBjXHUwMGUxY2ggXHUwMTExXHUwMGUxbmcga1x1MWVjMy48XC9saT5cclxuPGxpPkMuIEtoaVx1MWViZm4gdHJcdTAwZWNuaCBkdXlcdTFlYzd0IGhpXHUxZWMzbiB0aFx1MWVjYiB0cmFuZyB3ZWIgY2hcdTFlYWRtIGhcdTAxYTFuLjxcL2xpPlxyXG48bGk+RC4gS2hcdTAwZjRuZyBjXHUwMGYzIGxcdTAwZmQgZG8gZ1x1MDBlYywgdmlcdTFlYzdjIG5cdTAwZTB5IGhvXHUwMGUwbiB0b1x1MDBlMG4gYlx1MDBlY25oIHRoXHUwMWIwXHUxZWRkbmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjE6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraFx1MWVkMWkgblx1MWVkOWkgZHVuZyBcdTAxMTFcdTFlYjdjIGJpXHUxZWM3dCBcdTFlZGYgY3VcdTFlZDFpIHRyYW5nIHdlYiAoZm9vdGVyKSB2XHUwMGUwIFx1MDExMVx1MWVhM20gYlx1MWVhM28gclx1MWViMW5nIGtpXHUxZWMzdSBkXHUwMGUxbmcgY1x1MWVlN2Egblx1MDBmMyBraFx1MDBmNG5nIGJcdTFlY2IgXHUxZWEzbmggaFx1MDFiMFx1MWVkZm5nIGJcdTFlZGZpIGJcdTFlYTV0IGtcdTFlZjMgcXV5IHRcdTFlYWZjIENTUyBjaHVuZyBuXHUwMGUwbyBjaG8gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgYDxkaXY+YC4gQlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gbG9cdTFlYTFpIG5cdTAwZTBvIGNobyBmb290ZXIgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoSUQpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIChDbGFzcykuPFwvbGk+XHJcbjxsaT5DLiBDaFx1MWVjOSBjXHUxZWE3biBiXHUxZWQ5IGNoXHUxZWNkbiB0aFx1MWViYiBgZGl2YC48XC9saT5cclxuPGxpPkQuIEJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWQ1IHF1XHUwMGUxdCAoKikuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjI6IENobyBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIENTUzogYC5lcnJvciB7IGNvbG9yOiByZWQ7IGZvbnQtd2VpZ2h0OiBib2xkOyB9YC4gXHUwMTEwb1x1MWVhMW4gbVx1MDBlMyBIVE1MIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IHNcdTFlYmQgaGlcdTFlYzNuIHRoXHUxZWNiIHZcdTAxMDNuIGJcdTFlYTNuIG1cdTAwZTB1IFx1MDExMVx1MWVjZiB2XHUwMGUwIGluIFx1MDExMVx1MWVhZG0/XHJcbjx1bD5cclxuPGxpPkEuIDxwIGlkPTxcL2xpPlxyXG48bGk+Qi4gPHAgc3R5bGU9PFwvbGk+XHJcbjxsaT5DLiA8cCBuYW1lPTxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiA8cCBjbGFzcz08XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjM6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIGxpXHUwMGVhbiBrXHUxZWJmdCAoYDxhPmApIHRyb25nIHBoXHUxZWE3biBuXHUxZWQ5aSBkdW5nIGNoXHUwMGVkbmggY1x1MWVlN2EgdHJhbmcgd2ViIChcdTAxMTFcdTAxYjBcdTFlZTNjIGJhbyBiXHUxZWRmaSBtXHUxZWQ5dCBgZGl2YCBjXHUwMGYzIElEIGxcdTAwZTAgYGNvbnRlbnRgKSBjXHUwMGYzIG1cdTAwZTB1IHhhbmggbFx1MDBlMSBjXHUwMGUyeS4gQlx1MWVkOSBjaFx1MWVjZG4gQ1NTIG5cdTAwZTBvIGxcdTAwZTAgY2hcdTAwZWRuaCB4XHUwMGUxYyBjaG8gdHJcdTAxYjBcdTFlZGRuZyBoXHUxZWUzcCBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiAjY29udGVudCBhPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gYSAjY29udGVudDxcL2xpPlxyXG48bGk+Qy4gLmNvbnRlbnQgYTxcL2xpPlxyXG48bGk+RC4gYS5jb250ZW50PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjQ6IENobyBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUw6IGA8aDIgY2xhc3M9XHJcbjx1bD5cclxuPGxpPkEuIE1cdTAwZTB1IGNoXHUxZWVmIHRcdTAwZWRtLCBraFx1MDBmNG5nIGNcdTAwZjMgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuLjxcL2xpPlxyXG48bGk+Qi4gTVx1MDBlMHUgY2hcdTFlZWYgbVx1MWViN2MgXHUwMTExXHUxZWNibmgsIGNcdTAwZjMgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIFx1MDExMWVuLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBNXHUwMGUwdSBjaFx1MWVlZiB0XHUwMGVkbSwgY1x1MDBmMyBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gXHUwMTExZW4gZFx1MDFiMFx1MWVkYmkuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gS2hcdTAwZjRuZyBjXHUwMGYzIGtpXHUxZWMzdSBkXHUwMGUxbmcgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZyBkbyB4dW5nIFx1MDExMVx1MWVkOXQgYlx1MWVkOSBjaFx1MWVjZG4uPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjU6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgZm9ybSBcdTAxMTFcdTAxMDNuZyBuaFx1MWVhZHAgdlx1MDBlMCBtdVx1MWVkMW4gXHUwMGUxcCBkXHUxZWU1bmcgbVx1MWVkOXQga2lcdTFlYzN1IGRcdTAwZTFuZyBuaFx1MWVhNXQgcXVcdTAwZTFuICh2XHUwMGVkIGRcdTFlZTU6IGNoaVx1MWVjMXUgclx1MWVkOW5nIGNcdTFlZDEgXHUwMTExXHUxZWNibmgsIHBhZGRpbmcpIGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRyXHUwMWIwXHUxZWRkbmcgbmhcdTFlYWRwIGxpXHUxZWM3dSAoYDxpbnB1dCB0eXBlPVxyXG48dWw+XHJcbjxsaT5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIChJRCkuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIChDbGFzcykuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gdGhcdTFlYmIgYGlucHV0YC48XC9saT5cclxuPGxpPkQuIEJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWQ1IHF1XHUwMGUxdCAoKikuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjY6IENobyBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUw6IGA8cCBpZD1cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiAjbWVzc2FnZSB7IGNvbG9yOiBibHVlOyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gLmltcG9ydGFudC10ZXh0IHsgY29sb3I6IHJlZDsgfSAoblx1MWViZnUgPHA+IGNcdTAwZjMgY2xhc3M9PFwvbGk+XHJcbjxsaT5DLiBwIHsgY29sb3I6IGdyZWVuOyB9PFwvbGk+XHJcbjxsaT5ELiAqIHsgY29sb3I6IGJsYWNrOyB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjc6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBraVx1MWVjM3UgZFx1MDBlMW5nIENTUyBjXHUwMGYzIHRoXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBiXHUxZWE1dCBrXHUxZWYzIHBoXHUxZWE3biB0XHUxZWVkIG5cdTAwZTBvICh2XHUwMGVkIGRcdTFlZTU6IG1cdTFlZDl0IGxcdTFlZGJwIGBjZW50ZXItdGV4dGAgXHUwMTExXHUxZWMzIGNcdTAxMDNuIGdpXHUxZWVmYSB2XHUwMTAzbiBiXHUxZWEzbikuIEJcdTFlYTFuIG5cdTAwZWFuIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIGxvXHUxZWExaSBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoSUQpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoQ2xhc3MpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIHRoXHUxZWJiIChUYWcpLjxcL2xpPlxyXG48bGk+RC4gQlx1MWVkOSBjaFx1MWVjZG4gY29uIChEZXNjZW5kYW50KS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyODogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBjXHUwMGYzIG1cdTFlZDl0IGNcdTFlYTV1IHRyXHUwMGZhYyBIVE1MIHBoXHUxZWU5YyB0XHUxZWExcCB2XHUwMGUwIG11XHUxZWQxbiBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgYDxpbWc+YCBuXHUxZWIxbSBiXHUwMGVhbiB0cm9uZyBtXHUxZWQ5dCBgZGl2YCBjXHUwMGYzIGxcdTFlZGJwIGBnYWxsZXJ5YC4gQlx1MWVkOSBjaFx1MWVjZG4gQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgcGhcdTAwZjkgaFx1MWVlM3A/XHJcbjx1bD5cclxuPGxpPkEuIGltZy5nYWxsZXJ5PFwvbGk+XHJcbjxsaT5CLiAjZ2FsbGVyeSBpbWc8XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gLmdhbGxlcnkgaW1nPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gaW1nICNnYWxsZXJ5PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjk6IEJcdTFlYTFuIGNcdTAwZjMgXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MOiBgPGFydGljbGUgaWQ9XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gI3Bvc3QtMTIzPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gLnBvc3QtMTIzPFwvbGk+XHJcbjxsaT5DLiBhcnRpY2xlLnBvc3QtMTIzPFwvbGk+XHJcbjxsaT5ELiBhcnRpY2xlI3Bvc3QtMTIzPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzA6IFRyb25nIENTUywgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGJhY2tncm91bmQtY29sb3JgIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIGxcdTAwZTBtIGdcdTAwZWMga2hpIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBiXHUxZWIxbmcgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgaG9cdTFlYjdjIElEP1xyXG48dWw+XHJcbjxsaT5BLiBcdTAxMTBcdTFlYjd0IG1cdTAwZTB1IGNoXHUxZWVmIGNobyBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gXHUwMTEwXHUxZWI3dCBtXHUwMGUwdSBuXHUxZWMxbiBjaG8gcGhcdTFlYTduIHRcdTFlZWQuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gXHUwMTEwXHUxZWI3dCBtXHUwMGUwdSBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gY2hvIHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48bGk+RC4gXHUwMTEwXHUxZWI3dCBtXHUwMGUwdSBjaG8gY1x1MDBlMWMgbGlcdTAwZWFuIGtcdTFlYmZ0IHRyb25nIHBoXHUxZWE3biB0XHUxZWVkLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG4iLCJxdWl6X2ltYWdlIjpudWxsLCJxdWl6X2NhdGVnb3J5X2lkIjoiMzIxOSIsInF1ZXN0aW9uX2lkcyI6Ijk5NTI0OSw5OTUyNTAsOTk1MjUxLDk5NTI1Miw5OTUyNTMsOTk1MjU0LDk5NTI1NSw5OTUyNTYsOTk1MjU3LDk5NTI1OCw5OTUyNTksOTk1MjYwLDk5NTI2MSw5OTUyNjIsOTk1MjYzLDk5NTI2NCw5OTUyNjUsOTk1MjY2LDk5NTI2Nyw5OTUyNjgsOTk1MjY5LDk5NTI3MCw5OTUyNzEsOTk1MjcyLDk5NTI3Myw5OTUyNzQsOTk1Mjc1LDk5NTI3Niw5OTUyNzcsOTk1Mjc4Iiwib3JkZXJpbmciOiIzMzM0MCIsInB1Ymxpc2hlZCI6IjEiLCJjcmVhdGVfZGF0ZSI6bnVsbCwicXVpel91cmwiOm51bGwsImludGVydmFscyI6Ilt7XCJpbnRlcnZhbF9taW5cIjpcIjBcIixcImludGVydmFsX21heFwiOlwiMjVcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkFcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCIyNlwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI1MFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQlwifSx7XCJpbnRlcnZhbF9taW5cIjpcIjUxXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjc1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJDXCJ9LHtcImludGVydmFsX21pblwiOlwiNzZcIixcImludGVydmFsX21heFwiOlwiMTAwXCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJEXCJ9XSIsImlzX3VzZXJfbG9nZ2VkX2luIjpmYWxzZSwicXVpel9hbmltYXRpb25fdG9wIjoxMDAsInF1aXpfZW5hYmxlX2FuaW1hdGlvbl90b3AiOiJvbiIsInN0b3JlX2FsbF9ub3RfZmluaXNoZWRfcmVzdWx0cyI6ZmFsc2V9'; </script> <input type='hidden' name='quiz_id' value='33340'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_33340' value='45d85a0ccb'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-34278'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_34278' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 08</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 08</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p> <div class="question-block"> <p>Câu 1: Trong CSS, cú pháp chính xác để định nghĩa một bộ chọn lớp (class selector) có tên là `highlight` là gì?</p> <ul> <li>A. #highlight { ... }</li> <li><strong>B. .highlight { ... }</strong></li> <li>C. highlight { ... }</li> <li>D. *highlight { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 2: Trong CSS, cú pháp chính xác để định nghĩa một bộ chọn định danh (ID selector) có tên là `main-header` là gì?</p> <ul> <li>A. .main-header { ... }</li> <li>B. main-header { ... }</li> <li>C. *main-header { ... }</li> <li><strong>D. #main-header { ... }</strong></li> </ul> </div> <div class="question-block"> <p>Câu 3: Để áp dụng bộ chọn lớp `text-center` vào một đoạn văn bản trong HTML, bạn sẽ sử dụng thuộc tính HTML nào và cú pháp ra sao?</p> <ul> <li><strong>A. <p class=</strong></li> <li>B. <p id=</li> <li>C. <p style=</li> <li>D. <p name=</li> </ul> </div> <div class="question-block"> <p>Câu 4: Để áp dụng bộ chọn định danh `site-title` vào một thẻ tiêu đề `</p> <h1>` duy nhất trên trang, bạn sẽ sử dụng thuộc tính HTML nào và cú pháp ra sao?</p> <ul> <li>A.<br /> <h1 class=</li> <li>B.<br /> <h1 name=</li> <li><strong>C.<br /> <h1 id=</strong></li> <li>D.<br /> <h1 style=</li> </ul> </div> <div class="question-block"> <p>Câu 5: Điểm khác biệt cơ bản nhất về phạm vi áp dụng giữa bộ chọn lớp và bộ chọn định danh trong CSS là gì?</p> <ul> <li><strong>A. Bộ chọn lớp có thể áp dụng cho nhiều phần tử, bộ chọn định danh chỉ nên áp dụng cho một phần tử duy nhất.</strong></li> <li>B. Bộ chọn định danh có thể áp dụng cho nhiều phần tử, bộ chọn lớp chỉ nên áp dụng cho một phần tử duy nhất.</li> <li>C. Bộ chọn lớp chỉ áp dụng cho thẻ div, bộ chọn định danh áp dụng cho tất cả các thẻ khác.</li> <li>D. Cả hai đều chỉ áp dụng cho một phần tử duy nhất trên trang.</li> </ul> </div> <div class="question-block"> <p>Câu 6: Bạn muốn định dạng riêng cho tiêu đề chính `</p> <h1>` của trang web (chỉ có một). Loại bộ chọn CSS nào là phù hợp nhất trong trường hợp này?</p> <ul> <li>A. Bộ chọn lớp (Class selector)</li> <li><strong>B. Bộ chọn định danh (ID selector)</strong></li> <li>C. Bộ chọn phần tử (Element selector)</li> <li>D. Bộ chọn nhóm (Grouping selector)</li> </ul> </div> <div class="question-block"> <p>Câu 7: Bạn muốn tạo một kiểu định dạng (ví dụ: chữ màu xanh, in đậm) để áp dụng cho nhiều đoạn văn bản, tiêu đề phụ, và các mục danh sách khác nhau trên trang. Loại bộ chọn CSS nào là phù hợp nhất?</p> <ul> <li><strong>A. Bộ chọn lớp (Class selector)</strong></li> <li>B. Bộ chọn định danh (ID selector)</li> <li>C. Bộ chọn phần tử (Element selector)</li> <li>D. Bộ chọn con cháu (Descendant selector)</li> </ul> </div> <div class="question-block"> <p>Câu 8: Một phần tử HTML có thể áp dụng đồng thời nhiều bộ chọn lớp không? Nếu có, cách khai báo trong HTML như thế nào?</p> <ul> <li>A. Không thể áp dụng nhiều bộ chọn lớp.</li> <li>B. Có, bằng cách lặp lại thuộc tính class: <p class=</li> <li><strong>C. Có, bằng cách liệt kê các tên lớp trong thuộc tính class, cách nhau bởi dấu cách: <p class=</strong></li> <li>D. Có, bằng cách liệt kê các tên lớp trong thuộc tính class, cách nhau bởi dấu phẩy: <p class=</li> </ul> </div> <div class="question-block"> <p>Câu 9: Cho đoạn mã HTML sau: `</p> <p class= <ul> <li>A. Màu xanh dương (blue)</li> <li>B. Màu xanh lá cây (green)</li> <li>C. Màu đen (black) - mặc định</li> <li><strong>D. Màu đỏ (red)</strong></li> </ul> </div> <div class="question-block"> <p>Câu 10: Cho đoạn mã HTML sau: `</p> <div id= <ul> <li>A. Màu trắng (white) - mặc định</li> <li><strong>B. Màu xanh dương nhạt (lightblue)</strong></li> <li>C. Màu vàng (yellow)</li> <li>D. Màu xám (gray)</li> </ul> </div> <div class="question-block"> <p>Câu 11: Cho đoạn mã HTML: `</p> <h2 class= <ul> <li><strong>A. Màu xanh dương, in đậm.</strong></li> <li>B. Màu xanh dương, không in đậm.</li> <li>C. Màu đen, in đậm.</li> <li>D. Màu đen, không in đậm.</li> </ul> </div> <div class="question-block"> <p>Câu 12: Cho đoạn mã HTML: `</p> <p class= <ul> <li>A. Chữ thường, không in nghiêng.</li> <li><strong>B. Chữ thường, in nghiêng.</strong></li> <li>C. Chữ in hoa, không in nghiêng.</li> <li>D. Chữ in hoa, in nghiêng.</li> </ul> </div> <div class="question-block"> <p>Câu 13: Cho đoạn mã HTML: `</p> <div id= <ul> <li>A. Không có đường viền.</li> <li>B. Đường viền ở phía dưới.</li> <li><strong>C. Đường viền ở phía trên.</strong></li> <li>D. Đường viền xung quanh.</li> </ul> </div> <div class="question-block"> <p>Câu 14: Khi một phần tử HTML có cả thuộc tính `class` và `id`, và có các quy tắc CSS sử dụng cả bộ chọn lớp và bộ chọn định danh cùng nhắm vào một thuộc tính (ví dụ: `color`), quy tắc nào sẽ được ưu tiên áp dụng?</p> <ul> <li><strong>A. Quy tắc của bộ chọn định danh (ID selector) sẽ được ưu tiên.</strong></li> <li>B. Quy tắc của bộ chọn lớp (Class selector) sẽ được ưu tiên.</li> <li>C. Quy tắc được viết sau cùng trong tệp CSS sẽ được ưu tiên.</li> <li>D. Quy tắc được viết trước tiên trong tệp CSS sẽ được ưu tiên.</li> </ul> </div> <div class="question-block"> <p>Câu 15: Khi một phần tử HTML được định dạng bởi cả bộ chọn phần tử (Element selector) và bộ chọn lớp (Class selector) nhắm vào cùng một thuộc tính CSS, quy tắc nào sẽ được áp dụng?</p> <ul> <li>A. Quy tắc của bộ chọn phần tử sẽ được ưu tiên.</li> <li><strong>B. Quy tắc của bộ chọn lớp sẽ được ưu tiên.</strong></li> <li>C. Quy tắc được viết sau cùng trong tệp CSS sẽ được ưu tiên.</li> <li>D. Quy tắc được viết trước tiên trong tệp CSS sẽ được ưu tiên.</li> </ul> </div> <div class="question-block"> <p>Câu 16: Cho đoạn mã HTML: `<span class= <ul> <li><strong>A. Bộ chọn lớp.</strong></li> <li>B. Bộ chọn định danh.</li> <li>C. Bộ chọn phần tử.</li> <li>D. Bộ chọn con cháu.</li> </ul> </div> <div class="question-block"> <p>Câu 17: Bạn muốn tất cả các thẻ `</p> <li>` trong danh sách của mình có dấu chấm tròn thay vì dấu gạch ngang. Bạn nên sử dụng loại bộ chọn nào là <i>hiệu quả nhất</i> để áp dụng kiểu này cho <i>tất cả</i> các thẻ ` <li>`? <ul> <li>A. Bộ chọn định danh (ID selector), áp dụng ID cho từng thẻ ` <li>`.</li> <li>B. Bộ chọn lớp (Class selector), áp dụng cùng một lớp cho từng thẻ ` <li>`.</li> <li><strong>C. Bộ chọn phần tử (Element selector), sử dụng bộ chọn `li { ... }`.</strong></li> <li>D. Viết kiểu nội tuyến (Inline style) cho từng thẻ ` <li>`.</li> </ul> </div> <div class="question-block"> <p>Câu 18: Bạn đang thiết kế một trang web và cần một khu vực duy nhất (ví dụ: thanh điều hướng chính) có kiểu nền và màu chữ đặc biệt, không giống bất kỳ phần nào khác trên trang. Loại bộ chọn nào là lựa chọn <i>tốt nhất</i> cho khu vực này?</p> <ul> <li>A. Bộ chọn lớp (Class selector).</li> <li><strong>B. Bộ chọn định danh (ID selector).</strong></li> <li>C. Bộ chọn phần tử (Element selector).</li> <li>D. Bộ chọn con cháu (Descendant selector).</li> </ul> </div> <div class="question-block"> <p>Câu 19: Cho đoạn mã HTML: `</p> <p class= <ul> <li>A. Có, vì bộ chọn định danh ưu tiên hơn bộ chọn lớp.</li> <li>B. Có, vì tên "warning" giống nhau.</li> <li>C. Không, vì cú pháp CSS sai.</li> <li><strong>D. Không, vì thuộc tính trong HTML là `class=</strong></li> </ul> </div> <div class="question-block"> <p>Câu 20: Cho đoạn mã HTML: `</p> <div id= <ul> <li>A. Có, vì tên "main-content" giống nhau.</li> <li>B. Có, vì bộ chọn lớp ưu tiên hơn bộ chọn định danh.</li> <li><strong>C. Không, vì thuộc tính trong HTML là `id=</strong></li> <li>D. Không, vì cú pháp CSS sai.</li> </ul> </div> <div class="question-block"> <p>Câu 21: Để thay đổi màu chữ của một phần tử, bạn sử dụng thuộc tính CSS nào?</p> <ul> <li><strong>A. color</strong></li> <li>B. background-color</li> <li>C. font-size</li> <li>D. text-align</li> </ul> </div> <div class="question-block"> <p>Câu 22: Để thay đổi màu nền của một phần tử, bạn sử dụng thuộc tính CSS nào?</p> <ul> <li>A. color</li> <li><strong>B. background-color</strong></li> <li>C. font-family</li> <li>D. border</li> </ul> </div> <div class="question-block"> <p>Câu 23: Để thay đổi kích thước chữ của một phần tử, bạn sử dụng thuộc tính CSS nào?</p> <ul> <li>A. font-family</li> <li>B. color</li> <li><strong>C. font-size</strong></li> <li>D. text-decoration</li> </ul> </div> <div class="question-block"> <p>Câu 24: Để thay đổi kiểu phông chữ (ví dụ: Arial, Times New Roman) của một phần tử, bạn sử dụng thuộc tính CSS nào?</p> <ul> <li><strong>A. font-family</strong></li> <li>B. font-weight</li> <li>C. font-style</li> <li>D. text-transform</li> </ul> </div> <div class="question-block"> <p>Câu 25: Cho đoạn mã HTML: `</p> <p class= <ul> <li>A. Màu chữ vàng, màu nền xanh dương.</li> <li>B. Màu chữ đen, màu nền trắng.</li> <li>C. Màu chữ xanh dương, màu nền trắng.</li> <li><strong>D. Màu chữ xanh dương, màu nền vàng.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 26: Cho đoạn mã HTML: `</p> <h1 id= <ul> <li>A. Kích thước mặc định, căn lề trái.</li> <li><strong>B. Kích thước 36px, căn lề giữa.</strong></li> <li>C. Kích thước mặc định, căn lề giữa.</li> <li>D. Kích thước 36px, căn lề trái.</li> </ul> </div> <div class="question-block"> <p>Câu 27: Để liên kết một tệp CSS bên ngoài có tên `styles.css` vào tệp HTML của bạn, bạn sử dụng thẻ nào trong phần `<head>` của tài liệu HTML?</p> <ul> <li><strong>A. </strong></li> </ul> </div> <div class="question-block"> <p>Câu 28: Cho đoạn mã HTML: `</p> <div class= <ul> <li>A. Không có đường viền, không có khoảng đệm.</li> <li>B. Có đường viền, không có khoảng đệm.</li> <li><strong>C. Có đường viền 1px màu đen, có khoảng đệm 10px xung quanh nội dung.</strong></li> <li>D. Không có đường viền, có khoảng đệm 10px.</li> </ul> </div> <div class="question-block"> <p>Câu 29: Cho đoạn mã HTML: `<span id= <ul> <li><strong>A. In đậm và in nghiêng.</strong></li> <li>B. Chỉ in đậm.</li> <li>C. Chỉ in nghiêng.</li> <li>D. Không in đậm, không in nghiêng.</li> </ul> </div> <div class="question-block"> <p>Câu 30: Cho đoạn mã HTML: `</p> <p id= <ul> <li>A. Màu xanh dương, căn lề trái.</li> <li><strong>B. Màu đỏ, căn lề giữa.</strong></li> <li>C. Màu xanh dương, căn lề giữa.</li> <li>D. Màu đỏ, căn lề trái.</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='34278'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-10-bo-chon-lop-bo-chon-dinh-danh-canh-dieu/'/> <input type='hidden' name='ays_quiz_questions' value='1023197,1023198,1023199,1023200,1023201,1023202,1023203,1023204,1023205,1023206,1023207,1023208,1023209,1023210,1023211,1023212,1023213,1023214,1023215,1023216,1023217,1023218,1023219,1023220,1023221,1023222,1023223,1023224,1023225,1023226'> </div> </div><div class='step ' data-question-id='1023197' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Trong CSS, cú pháp chính xác để định nghĩa một bộ chọn lớp (class selector) có tên là `highlight` là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023197]' id='ays-answer-4103285-34278' value='4103285'/> <label for='ays-answer-4103285-34278' class=' ays_position_initial ays-quiz-keyboard-label'>#highlight { ... }</label><label for='ays-answer-4103285-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023197]' id='ays-answer-4103286-34278' value='4103286'/> <label for='ays-answer-4103286-34278' class=' ays_position_initial ays-quiz-keyboard-label'>.highlight { ... }</label><label for='ays-answer-4103286-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023197]' id='ays-answer-4103287-34278' value='4103287'/> <label for='ays-answer-4103287-34278' class=' ays_position_initial ays-quiz-keyboard-label'>highlight { ... }</label><label for='ays-answer-4103287-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023197]' id='ays-answer-4103288-34278' value='4103288'/> <label for='ays-answer-4103288-34278' class=' ays_position_initial ays-quiz-keyboard-label'>*highlight { ... }</label><label for='ays-answer-4103288-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023197'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzI4NSI6IjAiLCI0MTAzMjg2IjoiMSIsIjQxMDMyODciOiIwIiwiNDEwMzI4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cú pháp cơ bản để khai báo bộ chọn lớp trong CSS, bắt đầu bằng dấu chấm (.).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023198' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Trong CSS, cú pháp chính xác để định nghĩa một bộ chọn định danh (ID selector) có tên là `main-header` là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023198]' id='ays-answer-4103289-34278' value='4103289'/> <label for='ays-answer-4103289-34278' class=' ays_position_initial ays-quiz-keyboard-label'>.main-header { ... }</label><label for='ays-answer-4103289-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023198]' id='ays-answer-4103290-34278' value='4103290'/> <label for='ays-answer-4103290-34278' class=' ays_position_initial ays-quiz-keyboard-label'>main-header { ... }</label><label for='ays-answer-4103290-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023198]' id='ays-answer-4103291-34278' value='4103291'/> <label for='ays-answer-4103291-34278' class=' ays_position_initial ays-quiz-keyboard-label'>*main-header { ... }</label><label for='ays-answer-4103291-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023198]' id='ays-answer-4103292-34278' value='4103292'/> <label for='ays-answer-4103292-34278' class=' ays_position_initial ays-quiz-keyboard-label'>#main-header { ... }</label><label for='ays-answer-4103292-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023198'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzI4OSI6IjAiLCI0MTAzMjkwIjoiMCIsIjQxMDMyOTEiOiIwIiwiNDEwMzI5MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cú pháp cơ bản để khai báo bộ chọn định danh trong CSS, bắt đầu bằng dấu thăng (#).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023199' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Để áp dụng bộ chọn lớp `text-center` vào một đoạn văn bản trong HTML, bạn sẽ sử dụng thuộc tính HTML nào và cú pháp ra sao?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023199]' id='ays-answer-4103293-34278' value='4103293'/> <label for='ays-answer-4103293-34278' class=' ays_position_initial ays-quiz-keyboard-label'><p class="text-center">Đoạn văn bản.</p></label><label for='ays-answer-4103293-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023199]' id='ays-answer-4103294-34278' value='4103294'/> <label for='ays-answer-4103294-34278' class=' ays_position_initial ays-quiz-keyboard-label'><p id="text-center">Đoạn văn bản.</p></label><label for='ays-answer-4103294-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023199]' id='ays-answer-4103295-34278' value='4103295'/> <label for='ays-answer-4103295-34278' class=' ays_position_initial ays-quiz-keyboard-label'><p style="class: text-center;">Đoạn văn bản.</p></label><label for='ays-answer-4103295-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023199]' id='ays-answer-4103296-34278' value='4103296'/> <label for='ays-answer-4103296-34278' class=' ays_position_initial ays-quiz-keyboard-label'><p name="text-center">Đoạn văn bản.</p></label><label for='ays-answer-4103296-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023199'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzI5MyI6IjEiLCI0MTAzMjk0IjoiMCIsIjQxMDMyOTUiOiIwIiwiNDEwMzI5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách sử dụng bộ chọn lớp trong thẻ HTML thông qua thuộc tính `class`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023200' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Để áp dụng bộ chọn định danh `site-title` vào một thẻ tiêu đề `</p> <h1>` duy nhất trên trang, bạn sẽ sử dụng thuộc tính HTML nào và cú pháp ra sao?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023200]' id='ays-answer-4103297-34278' value='4103297'/> <label for='ays-answer-4103297-34278' class=' ays_position_initial ays-quiz-keyboard-label'><h1 class="site-title">Tiêu đề trang.</h1></label><label for='ays-answer-4103297-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023200]' id='ays-answer-4103298-34278' value='4103298'/> <label for='ays-answer-4103298-34278' class=' ays_position_initial ays-quiz-keyboard-label'><h1 name="site-title">Tiêu đề trang.</h1></label><label for='ays-answer-4103298-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023200]' id='ays-answer-4103299-34278' value='4103299'/> <label for='ays-answer-4103299-34278' class=' ays_position_initial ays-quiz-keyboard-label'><h1 id="site-title">Tiêu đề trang.</h1></label><label for='ays-answer-4103299-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023200]' id='ays-answer-4103300-34278' value='4103300'/> <label for='ays-answer-4103300-34278' class=' ays_position_initial ays-quiz-keyboard-label'><h1 style="id: site-title;">Tiêu đề trang.</h1></label><label for='ays-answer-4103300-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023200'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzI5NyI6IjAiLCI0MTAzMjk4IjoiMCIsIjQxMDMyOTkiOiIxIiwiNDEwMzMwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra cách sử dụng bộ chọn định danh trong thẻ HTML thông qua thuộc tính `id`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023201' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Điểm khác biệt cơ bản nhất về phạm vi áp dụng giữa bộ chọn lớp và bộ chọn định danh trong CSS là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023201]' id='ays-answer-4103301-34278' value='4103301'/> <label for='ays-answer-4103301-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp có thể áp dụng cho nhiều phần tử, bộ chọn định danh chỉ nên áp dụng cho một phần tử duy nhất.</label><label for='ays-answer-4103301-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023201]' id='ays-answer-4103302-34278' value='4103302'/> <label for='ays-answer-4103302-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh có thể áp dụng cho nhiều phần tử, bộ chọn lớp chỉ nên áp dụng cho một phần tử duy nhất.</label><label for='ays-answer-4103302-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023201]' id='ays-answer-4103303-34278' value='4103303'/> <label for='ays-answer-4103303-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp chỉ áp dụng cho thẻ div, bộ chọn định danh áp dụng cho tất cả các thẻ khác.</label><label for='ays-answer-4103303-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023201]' id='ays-answer-4103304-34278' value='4103304'/> <label for='ays-answer-4103304-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Cả hai đều chỉ áp dụng cho một phần tử duy nhất trên trang.</label><label for='ays-answer-4103304-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023201'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzMwMSI6IjEiLCI0MTAzMzAyIjoiMCIsIjQxMDMzMDMiOiIwIiwiNDEwMzMwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi phân tích sự khác biệt cốt lõi về mục đích sử dụng và phạm vi áp dụng của hai loại bộ chọn này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023202' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Bạn muốn định dạng riêng cho tiêu đề chính `</p> <h1>` của trang web (chỉ có một). Loại bộ chọn CSS nào là phù hợp nhất trong trường hợp này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023202]' id='ays-answer-4103305-34278' value='4103305'/> <label for='ays-answer-4103305-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class selector)</label><label for='ays-answer-4103305-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023202]' id='ays-answer-4103306-34278' value='4103306'/> <label for='ays-answer-4103306-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID selector)</label><label for='ays-answer-4103306-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023202]' id='ays-answer-4103307-34278' value='4103307'/> <label for='ays-answer-4103307-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử (Element selector)</label><label for='ays-answer-4103307-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023202]' id='ays-answer-4103308-34278' value='4103308'/> <label for='ays-answer-4103308-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn nhóm (Grouping selector)</label><label for='ays-answer-4103308-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023202'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzMwNSI6IjAiLCI0MTAzMzA2IjoiMSIsIjQxMDMzMDciOiIwIiwiNDEwMzMwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu áp dụng kiến thức về mục đích sử dụng bộ chọn vào một tình huống cụ thể (định dạng một phần tử duy nhất).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023203' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Bạn muốn tạo một kiểu định dạng (ví dụ: chữ màu xanh, in đậm) để áp dụng cho nhiều đoạn văn bản, tiêu đề phụ, và các mục danh sách khác nhau trên trang. Loại bộ chọn CSS nào là phù hợp nhất?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023203]' id='ays-answer-4103309-34278' value='4103309'/> <label for='ays-answer-4103309-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class selector)</label><label for='ays-answer-4103309-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023203]' id='ays-answer-4103310-34278' value='4103310'/> <label for='ays-answer-4103310-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID selector)</label><label for='ays-answer-4103310-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023203]' id='ays-answer-4103311-34278' value='4103311'/> <label for='ays-answer-4103311-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử (Element selector)</label><label for='ays-answer-4103311-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023203]' id='ays-answer-4103312-34278' value='4103312'/> <label for='ays-answer-4103312-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn con cháu (Descendant selector)</label><label for='ays-answer-4103312-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023203'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzMwOSI6IjEiLCI0MTAzMzEwIjoiMCIsIjQxMDMzMTEiOiIwIiwiNDEwMzMxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi yêu cầu áp dụng kiến thức về mục đích sử dụng bộ chọn vào một tình huống cụ thể (định dạng nhiều phần tử có chung đặc điểm).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023204' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Một phần tử HTML có thể áp dụng đồng thời nhiều bộ chọn lớp không? Nếu có, cách khai báo trong HTML như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023204]' id='ays-answer-4103313-34278' value='4103313'/> <label for='ays-answer-4103313-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Không thể áp dụng nhiều bộ chọn lớp.</label><label for='ays-answer-4103313-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023204]' id='ays-answer-4103314-34278' value='4103314'/> <label for='ays-answer-4103314-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Có, bằng cách lặp lại thuộc tính class: <p class="class1" class="class2">...</p></label><label for='ays-answer-4103314-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023204]' id='ays-answer-4103315-34278' value='4103315'/> <label for='ays-answer-4103315-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Có, bằng cách liệt kê các tên lớp trong thuộc tính class, cách nhau bởi dấu cách: <p class="class1 class2">...</p></label><label for='ays-answer-4103315-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023204]' id='ays-answer-4103316-34278' value='4103316'/> <label for='ays-answer-4103316-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Có, bằng cách liệt kê các tên lớp trong thuộc tính class, cách nhau bởi dấu phẩy: <p class="class1,class2">...</p></label><label for='ays-answer-4103316-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023204'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzMxMyI6IjAiLCI0MTAzMzE0IjoiMCIsIjQxMDMzMTUiOiIxIiwiNDEwMzMxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra khả năng kết hợp nhiều bộ chọn lớp trên một phần tử và cú pháp tương ứng trong HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023205' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Cho đoạn mã HTML sau: `</p> <p class="red-text">Đoạn văn này.</p> <p>` và đoạn mã CSS: `.red-text { color: red; }`. Đoạn văn bản sẽ hiển thị màu gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023205]' id='ays-answer-4103317-34278' value='4103317'/> <label for='ays-answer-4103317-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh dương (blue)</label><label for='ays-answer-4103317-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023205]' id='ays-answer-4103318-34278' value='4103318'/> <label for='ays-answer-4103318-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh lá cây (green)</label><label for='ays-answer-4103318-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023205]' id='ays-answer-4103319-34278' value='4103319'/> <label for='ays-answer-4103319-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đen (black) - mặc định</label><label for='ays-answer-4103319-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023205]' id='ays-answer-4103320-34278' value='4103320'/> <label for='ays-answer-4103320-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đỏ (red)</label><label for='ays-answer-4103320-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023205'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzMxNyI6IjAiLCI0MTAzMzE4IjoiMCIsIjQxMDMzMTkiOiIwIiwiNDEwMzMyMCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi ứng dụng đơn giản, dự đoán kết quả định dạng dựa trên bộ chọn lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023206' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Cho đoạn mã HTML sau: `</p> <div id="sidebar">Nội dung sidebar.</div> <p>` và đoạn mã CSS: `#sidebar { background-color: lightblue; }`. Phần tử div này sẽ có màu nền là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023206]' id='ays-answer-4103321-34278' value='4103321'/> <label for='ays-answer-4103321-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu trắng (white) - mặc định</label><label for='ays-answer-4103321-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023206]' id='ays-answer-4103322-34278' value='4103322'/> <label for='ays-answer-4103322-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh dương nhạt (lightblue)</label><label for='ays-answer-4103322-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023206]' id='ays-answer-4103323-34278' value='4103323'/> <label for='ays-answer-4103323-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu vàng (yellow)</label><label for='ays-answer-4103323-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023206]' id='ays-answer-4103324-34278' value='4103324'/> <label for='ays-answer-4103324-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xám (gray)</label><label for='ays-answer-4103324-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023206'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzMyMSI6IjAiLCI0MTAzMzIyIjoiMSIsIjQxMDMzMjMiOiIwIiwiNDEwMzMyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi ứng dụng đơn giản, dự đoán kết quả định dạng dựa trên bộ chọn định danh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023207' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Cho đoạn mã HTML: `</p> <h2 class="title highlight">Tiêu đề phụ.</h2> <p>` và CSS: `.title { color: blue; } .highlight { font-weight: bold; }`. Tiêu đề phụ này sẽ có màu chữ và độ đậm như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023207]' id='ays-answer-4103325-34278' value='4103325'/> <label for='ays-answer-4103325-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh dương, in đậm.</label><label for='ays-answer-4103325-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023207]' id='ays-answer-4103326-34278' value='4103326'/> <label for='ays-answer-4103326-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh dương, không in đậm.</label><label for='ays-answer-4103326-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023207]' id='ays-answer-4103327-34278' value='4103327'/> <label for='ays-answer-4103327-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đen, in đậm.</label><label for='ays-answer-4103327-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023207]' id='ays-answer-4103328-34278' value='4103328'/> <label for='ays-answer-4103328-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đen, không in đậm.</label><label for='ays-answer-4103328-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023207'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzMyNSI6IjEiLCI0MTAzMzI2IjoiMCIsIjQxMDMzMjciOiIwIiwiNDEwMzMyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi ứng dụng, dự đoán kết quả khi một phần tử áp dụng nhiều lớp khác nhau.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023208' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Cho đoạn mã HTML: `</p> <p class="intro">Đoạn giới thiệu.</p> <p>` và CSS: `p.intro { font-style: italic; }`. Đoạn văn bản này sẽ hiển thị như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023208]' id='ays-answer-4103329-34278' value='4103329'/> <label for='ays-answer-4103329-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Chữ thường, không in nghiêng.</label><label for='ays-answer-4103329-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023208]' id='ays-answer-4103330-34278' value='4103330'/> <label for='ays-answer-4103330-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Chữ thường, in nghiêng.</label><label for='ays-answer-4103330-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023208]' id='ays-answer-4103331-34278' value='4103331'/> <label for='ays-answer-4103331-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Chữ in hoa, không in nghiêng.</label><label for='ays-answer-4103331-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023208]' id='ays-answer-4103332-34278' value='4103332'/> <label for='ays-answer-4103332-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Chữ in hoa, in nghiêng.</label><label for='ays-answer-4103332-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023208'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzMyOSI6IjAiLCI0MTAzMzMwIjoiMSIsIjQxMDMzMzEiOiIwIiwiNDEwMzMzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi ứng dụng, dự đoán kết quả khi sử dụng bộ chọn kết hợp (phần tử + lớp).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023209' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Cho đoạn mã HTML: `</p> <div id="footer">Chân trang.</div> <p>` và CSS: `div#footer { border-top: 1px solid black; }`. Phần tử div này sẽ có kiểu đường viền gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023209]' id='ays-answer-4103333-34278' value='4103333'/> <label for='ays-answer-4103333-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Không có đường viền.</label><label for='ays-answer-4103333-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023209]' id='ays-answer-4103334-34278' value='4103334'/> <label for='ays-answer-4103334-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Đường viền ở phía dưới.</label><label for='ays-answer-4103334-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023209]' id='ays-answer-4103335-34278' value='4103335'/> <label for='ays-answer-4103335-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Đường viền ở phía trên.</label><label for='ays-answer-4103335-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023209]' id='ays-answer-4103336-34278' value='4103336'/> <label for='ays-answer-4103336-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Đường viền xung quanh.</label><label for='ays-answer-4103336-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023209'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzMzMyI6IjAiLCI0MTAzMzM0IjoiMCIsIjQxMDMzMzUiOiIxIiwiNDEwMzMzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi ứng dụng, dự đoán kết quả khi sử dụng bộ chọn kết hợp (phần tử + định danh).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023210' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Khi một phần tử HTML có cả thuộc tính `class` và `id`, và có các quy tắc CSS sử dụng cả bộ chọn lớp và bộ chọn định danh cùng nhắm vào một thuộc tính (ví dụ: `color`), quy tắc nào sẽ được ưu tiên áp dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023210]' id='ays-answer-4103337-34278' value='4103337'/> <label for='ays-answer-4103337-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Quy tắc của bộ chọn định danh (ID selector) sẽ được ưu tiên.</label><label for='ays-answer-4103337-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023210]' id='ays-answer-4103338-34278' value='4103338'/> <label for='ays-answer-4103338-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Quy tắc của bộ chọn lớp (Class selector) sẽ được ưu tiên.</label><label for='ays-answer-4103338-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023210]' id='ays-answer-4103339-34278' value='4103339'/> <label for='ays-answer-4103339-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Quy tắc được viết sau cùng trong tệp CSS sẽ được ưu tiên.</label><label for='ays-answer-4103339-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023210]' id='ays-answer-4103340-34278' value='4103340'/> <label for='ays-answer-4103340-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Quy tắc được viết trước tiên trong tệp CSS sẽ được ưu tiên.</label><label for='ays-answer-4103340-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023210'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzMzNyI6IjEiLCI0MTAzMzM4IjoiMCIsIjQxMDMzMzkiOiIwIiwiNDEwMzM0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi phân tích, kiểm tra hiểu biết về độ ưu tiên (specificity) giữa bộ chọn lớp và bộ chọn định danh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023211' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Khi một phần tử HTML được định dạng bởi cả bộ chọn phần tử (Element selector) và bộ chọn lớp (Class selector) nhắm vào cùng một thuộc tính CSS, quy tắc nào sẽ được áp dụng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023211]' id='ays-answer-4103341-34278' value='4103341'/> <label for='ays-answer-4103341-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Quy tắc của bộ chọn phần tử sẽ được ưu tiên.</label><label for='ays-answer-4103341-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023211]' id='ays-answer-4103342-34278' value='4103342'/> <label for='ays-answer-4103342-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Quy tắc của bộ chọn lớp sẽ được ưu tiên.</label><label for='ays-answer-4103342-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023211]' id='ays-answer-4103343-34278' value='4103343'/> <label for='ays-answer-4103343-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Quy tắc được viết sau cùng trong tệp CSS sẽ được ưu tiên.</label><label for='ays-answer-4103343-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023211]' id='ays-answer-4103344-34278' value='4103344'/> <label for='ays-answer-4103344-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Quy tắc được viết trước tiên trong tệp CSS sẽ được ưu tiên.</label><label for='ays-answer-4103344-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023211'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM0MSI6IjAiLCI0MTAzMzQyIjoiMSIsIjQxMDMzNDMiOiIwIiwiNDEwMzM0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi phân tích, kiểm tra hiểu biết về độ ưu tiên (specificity) giữa bộ chọn lớp và bộ chọn phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023212' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Cho đoạn mã HTML: `<span class="status">Hoạt động</span>` và CSS: `.status { color: green; }`. Để làm cho chữ 'Hoạt động' hiển thị màu xanh lá, bộ chọn CSS `.status` đã được sử dụng. Đây là loại bộ chọn gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023212]' id='ays-answer-4103345-34278' value='4103345'/> <label for='ays-answer-4103345-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp.</label><label for='ays-answer-4103345-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023212]' id='ays-answer-4103346-34278' value='4103346'/> <label for='ays-answer-4103346-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh.</label><label for='ays-answer-4103346-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023212]' id='ays-answer-4103347-34278' value='4103347'/> <label for='ays-answer-4103347-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử.</label><label for='ays-answer-4103347-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023212]' id='ays-answer-4103348-34278' value='4103348'/> <label for='ays-answer-4103348-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn con cháu.</label><label for='ays-answer-4103348-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023212'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM0NSI6IjEiLCI0MTAzMzQ2IjoiMCIsIjQxMDMzNDciOiIwIiwiNDEwMzM0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi phân tích, xác định loại bộ chọn dựa trên cú pháp được cung cấp trong ngữ cảnh cụ thể.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023213' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Bạn muốn tất cả các thẻ `</p> <li>` trong danh sách của mình có dấu chấm tròn thay vì dấu gạch ngang. Bạn nên sử dụng loại bộ chọn nào là *hiệu quả nhất* để áp dụng kiểu này cho *tất cả* các thẻ ` <li>`?<br /> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023213]' id='ays-answer-4103349-34278' value='4103349'/> <label for='ays-answer-4103349-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID selector), áp dụng ID cho từng thẻ `<li>`.</label><label for='ays-answer-4103349-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023213]' id='ays-answer-4103350-34278' value='4103350'/> <label for='ays-answer-4103350-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class selector), áp dụng cùng một lớp cho từng thẻ `<li>`.</label><label for='ays-answer-4103350-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023213]' id='ays-answer-4103351-34278' value='4103351'/> <label for='ays-answer-4103351-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử (Element selector), sử dụng bộ chọn `li { ... }`.</label><label for='ays-answer-4103351-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023213]' id='ays-answer-4103352-34278' value='4103352'/> <label for='ays-answer-4103352-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Viết kiểu nội tuyến (Inline style) cho từng thẻ `<li>`.</label><label for='ays-answer-4103352-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023213'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM0OSI6IjAiLCI0MTAzMzUwIjoiMCIsIjQxMDMzNTEiOiIxIiwiNDEwMzM1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi ứng dụng/phân tích, chọn bộ chọn phù hợp nhất cho việc định dạng nhiều phần tử cùng loại.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023214' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Bạn đang thiết kế một trang web và cần một khu vực duy nhất (ví dụ: thanh điều hướng chính) có kiểu nền và màu chữ đặc biệt, không giống bất kỳ phần nào khác trên trang. Loại bộ chọn nào là lựa chọn *tốt nhất* cho khu vực này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023214]' id='ays-answer-4103353-34278' value='4103353'/> <label for='ays-answer-4103353-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class selector).</label><label for='ays-answer-4103353-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023214]' id='ays-answer-4103354-34278' value='4103354'/> <label for='ays-answer-4103354-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID selector).</label><label for='ays-answer-4103354-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023214]' id='ays-answer-4103355-34278' value='4103355'/> <label for='ays-answer-4103355-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử (Element selector).</label><label for='ays-answer-4103355-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023214]' id='ays-answer-4103356-34278' value='4103356'/> <label for='ays-answer-4103356-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn con cháu (Descendant selector).</label><label for='ays-answer-4103356-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023214'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM1MyI6IjAiLCI0MTAzMzU0IjoiMSIsIjQxMDMzNTUiOiIwIiwiNDEwMzM1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi ứng dụng/phân tích, chọn bộ chọn phù hợp nhất cho việc định dạng một phần tử duy nhất và đặc biệt.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023215' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Cho đoạn mã HTML: `</p> <p class="warning">Cảnh báo quan trọng!</p> <p>`. Nếu trong tệp CSS, bạn viết quy tắc định dạng cho `#warning { color: red; }`, đoạn văn bản này có hiển thị màu đỏ không? Vì sao?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023215]' id='ays-answer-4103357-34278' value='4103357'/> <label for='ays-answer-4103357-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Có, vì bộ chọn định danh ưu tiên hơn bộ chọn lớp.</label><label for='ays-answer-4103357-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023215]' id='ays-answer-4103358-34278' value='4103358'/> <label for='ays-answer-4103358-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Có, vì tên 'warning' giống nhau.</label><label for='ays-answer-4103358-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023215]' id='ays-answer-4103359-34278' value='4103359'/> <label for='ays-answer-4103359-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Không, vì cú pháp CSS sai.</label><label for='ays-answer-4103359-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023215]' id='ays-answer-4103360-34278' value='4103360'/> <label for='ays-answer-4103360-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Không, vì thuộc tính trong HTML là `class="warning"` nhưng bộ chọn CSS lại là `#warning` (định danh), chúng không khớp nhau.</label><label for='ays-answer-4103360-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023215'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM1NyI6IjAiLCI0MTAzMzU4IjoiMCIsIjQxMDMzNTkiOiIwIiwiNDEwMzM2MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi phân tích, xác định lỗi sai trong việc kết nối giữa HTML (class) và CSS (ID) và dự đoán kết quả.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023216' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Cho đoạn mã HTML: `</p> <div id="main-content">Nội dung chính.</div> <p>`. Nếu trong tệp CSS, bạn viết quy tắc định dạng cho `.main-content { background-color: yellow; }`, phần tử div này có màu nền vàng không? Vì sao?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023216]' id='ays-answer-4103361-34278' value='4103361'/> <label for='ays-answer-4103361-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Có, vì tên 'main-content' giống nhau.</label><label for='ays-answer-4103361-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023216]' id='ays-answer-4103362-34278' value='4103362'/> <label for='ays-answer-4103362-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Có, vì bộ chọn lớp ưu tiên hơn bộ chọn định danh.</label><label for='ays-answer-4103362-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023216]' id='ays-answer-4103363-34278' value='4103363'/> <label for='ays-answer-4103363-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Không, vì thuộc tính trong HTML là `id="main-content"` nhưng bộ chọn CSS lại là `.main-content` (lớp), chúng không khớp nhau.</label><label for='ays-answer-4103363-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023216]' id='ays-answer-4103364-34278' value='4103364'/> <label for='ays-answer-4103364-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Không, vì cú pháp CSS sai.</label><label for='ays-answer-4103364-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023216'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM2MSI6IjAiLCI0MTAzMzYyIjoiMCIsIjQxMDMzNjMiOiIxIiwiNDEwMzM2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi phân tích, xác định lỗi sai trong việc kết nối giữa HTML (ID) và CSS (class) và dự đoán kết quả.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023217' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Để thay đổi màu chữ của một phần tử, bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023217]' id='ays-answer-4103365-34278' value='4103365'/> <label for='ays-answer-4103365-34278' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-4103365-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023217]' id='ays-answer-4103366-34278' value='4103366'/> <label for='ays-answer-4103366-34278' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-4103366-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023217]' id='ays-answer-4103367-34278' value='4103367'/> <label for='ays-answer-4103367-34278' class=' ays_position_initial ays-quiz-keyboard-label'>font-size</label><label for='ays-answer-4103367-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023217]' id='ays-answer-4103368-34278' value='4103368'/> <label for='ays-answer-4103368-34278' class=' ays_position_initial ays-quiz-keyboard-label'>text-align</label><label for='ays-answer-4103368-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023217'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM2NSI6IjEiLCI0MTAzMzY2IjoiMCIsIjQxMDMzNjciOiIwIiwiNDEwMzM2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính CSS cơ bản liên quan đến màu chữ.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023218' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Để thay đổi màu nền của một phần tử, bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023218]' id='ays-answer-4103369-34278' value='4103369'/> <label for='ays-answer-4103369-34278' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-4103369-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023218]' id='ays-answer-4103370-34278' value='4103370'/> <label for='ays-answer-4103370-34278' class=' ays_position_initial ays-quiz-keyboard-label'>background-color</label><label for='ays-answer-4103370-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023218]' id='ays-answer-4103371-34278' value='4103371'/> <label for='ays-answer-4103371-34278' class=' ays_position_initial ays-quiz-keyboard-label'>font-family</label><label for='ays-answer-4103371-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023218]' id='ays-answer-4103372-34278' value='4103372'/> <label for='ays-answer-4103372-34278' class=' ays_position_initial ays-quiz-keyboard-label'>border</label><label for='ays-answer-4103372-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023218'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM2OSI6IjAiLCI0MTAzMzcwIjoiMSIsIjQxMDMzNzEiOiIwIiwiNDEwMzM3MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính CSS cơ bản liên quan đến màu nền.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023219' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Để thay đổi kích thước chữ của một phần tử, bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023219]' id='ays-answer-4103373-34278' value='4103373'/> <label for='ays-answer-4103373-34278' class=' ays_position_initial ays-quiz-keyboard-label'>font-family</label><label for='ays-answer-4103373-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023219]' id='ays-answer-4103374-34278' value='4103374'/> <label for='ays-answer-4103374-34278' class=' ays_position_initial ays-quiz-keyboard-label'>color</label><label for='ays-answer-4103374-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023219]' id='ays-answer-4103375-34278' value='4103375'/> <label for='ays-answer-4103375-34278' class=' ays_position_initial ays-quiz-keyboard-label'>font-size</label><label for='ays-answer-4103375-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023219]' id='ays-answer-4103376-34278' value='4103376'/> <label for='ays-answer-4103376-34278' class=' ays_position_initial ays-quiz-keyboard-label'>text-decoration</label><label for='ays-answer-4103376-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023219'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM3MyI6IjAiLCI0MTAzMzc0IjoiMCIsIjQxMDMzNzUiOiIxIiwiNDEwMzM3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính CSS cơ bản liên quan đến kích thước chữ.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023220' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Để thay đổi kiểu phông chữ (ví dụ: Arial, Times New Roman) của một phần tử, bạn sử dụng thuộc tính CSS nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023220]' id='ays-answer-4103377-34278' value='4103377'/> <label for='ays-answer-4103377-34278' class=' ays_position_initial ays-quiz-keyboard-label'>font-family</label><label for='ays-answer-4103377-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023220]' id='ays-answer-4103378-34278' value='4103378'/> <label for='ays-answer-4103378-34278' class=' ays_position_initial ays-quiz-keyboard-label'>font-weight</label><label for='ays-answer-4103378-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023220]' id='ays-answer-4103379-34278' value='4103379'/> <label for='ays-answer-4103379-34278' class=' ays_position_initial ays-quiz-keyboard-label'>font-style</label><label for='ays-answer-4103379-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023220]' id='ays-answer-4103380-34278' value='4103380'/> <label for='ays-answer-4103380-34278' class=' ays_position_initial ays-quiz-keyboard-label'>text-transform</label><label for='ays-answer-4103380-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023220'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM3NyI6IjEiLCI0MTAzMzc4IjoiMCIsIjQxMDMzNzkiOiIwIiwiNDEwMzM4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về thuộc tính CSS cơ bản liên quan đến phông chữ.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023221' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Cho đoạn mã HTML: `</p> <p class="note">Lưu ý quan trọng.</p> <p>` và CSS: `.note { color: blue; background-color: yellow; }`. Đoạn văn bản này sẽ có màu chữ và màu nền là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023221]' id='ays-answer-4103381-34278' value='4103381'/> <label for='ays-answer-4103381-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu chữ vàng, màu nền xanh dương.</label><label for='ays-answer-4103381-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023221]' id='ays-answer-4103382-34278' value='4103382'/> <label for='ays-answer-4103382-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu chữ đen, màu nền trắng.</label><label for='ays-answer-4103382-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023221]' id='ays-answer-4103383-34278' value='4103383'/> <label for='ays-answer-4103383-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu chữ xanh dương, màu nền trắng.</label><label for='ays-answer-4103383-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023221]' id='ays-answer-4103384-34278' value='4103384'/> <label for='ays-answer-4103384-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu chữ xanh dương, màu nền vàng.</label><label for='ays-answer-4103384-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023221'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM4MSI6IjAiLCI0MTAzMzgyIjoiMCIsIjQxMDMzODMiOiIwIiwiNDEwMzM4NCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi ứng dụng, dự đoán kết quả định dạng khi một lớp định nghĩa nhiều thuộc tính CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023222' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Cho đoạn mã HTML: `</p> <h1 id="page-title">Tiêu đề trang.</h1> <p>` và CSS: `#page-title { font-size: 36px; text-align: center; }`. Tiêu đề trang này sẽ có kích thước chữ và căn lề như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023222]' id='ays-answer-4103385-34278' value='4103385'/> <label for='ays-answer-4103385-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Kích thước mặc định, căn lề trái.</label><label for='ays-answer-4103385-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023222]' id='ays-answer-4103386-34278' value='4103386'/> <label for='ays-answer-4103386-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Kích thước 36px, căn lề giữa.</label><label for='ays-answer-4103386-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023222]' id='ays-answer-4103387-34278' value='4103387'/> <label for='ays-answer-4103387-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Kích thước mặc định, căn lề giữa.</label><label for='ays-answer-4103387-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023222]' id='ays-answer-4103388-34278' value='4103388'/> <label for='ays-answer-4103388-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Kích thước 36px, căn lề trái.</label><label for='ays-answer-4103388-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023222'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM4NSI6IjAiLCI0MTAzMzg2IjoiMSIsIjQxMDMzODciOiIwIiwiNDEwMzM4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi ứng dụng, dự đoán kết quả định dạng khi một định danh định nghĩa nhiều thuộc tính CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023223' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Để liên kết một tệp CSS bên ngoài có tên `styles.css` vào tệp HTML của bạn, bạn sử dụng thẻ nào trong phần `<head>` của tài liệu HTML?</p> </div> <div class='ays-quiz-answers ays_list_view_container '><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023223'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOltdfQ==';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi kiểm tra kiến thức về cách nhúng CSS từ tệp ngoài vào HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023224' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Cho đoạn mã HTML: `</p> <div class="box">Nội dung.</div> <p>` và CSS: `.box { border: 1px solid black; padding: 10px; }`. Phần tử div này sẽ có đặc điểm gì về đường viền và khoảng đệm?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023224]' id='ays-answer-4103389-34278' value='4103389'/> <label for='ays-answer-4103389-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Không có đường viền, không có khoảng đệm.</label><label for='ays-answer-4103389-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023224]' id='ays-answer-4103390-34278' value='4103390'/> <label for='ays-answer-4103390-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Có đường viền, không có khoảng đệm.</label><label for='ays-answer-4103390-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023224]' id='ays-answer-4103391-34278' value='4103391'/> <label for='ays-answer-4103391-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Có đường viền 1px màu đen, có khoảng đệm 10px xung quanh nội dung.</label><label for='ays-answer-4103391-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023224]' id='ays-answer-4103392-34278' value='4103392'/> <label for='ays-answer-4103392-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Không có đường viền, có khoảng đệm 10px.</label><label for='ays-answer-4103392-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023224'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM4OSI6IjAiLCI0MTAzMzkwIjoiMCIsIjQxMDMzOTEiOiIxIiwiNDEwMzM5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi ứng dụng, dự đoán kết quả định dạng dựa trên các thuộc tính border và padding được áp dụng qua bộ chọn lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023225' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Cho đoạn mã HTML: `<span id="unique-span">Chỉ riêng tôi.</span>` và CSS: `#unique-span { font-weight: bold; font-style: italic; }`. Đoạn văn bản trong thẻ span này sẽ hiển thị như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023225]' id='ays-answer-4103393-34278' value='4103393'/> <label for='ays-answer-4103393-34278' class=' ays_position_initial ays-quiz-keyboard-label'>In đậm và in nghiêng.</label><label for='ays-answer-4103393-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023225]' id='ays-answer-4103394-34278' value='4103394'/> <label for='ays-answer-4103394-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ in đậm.</label><label for='ays-answer-4103394-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023225]' id='ays-answer-4103395-34278' value='4103395'/> <label for='ays-answer-4103395-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ in nghiêng.</label><label for='ays-answer-4103395-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023225]' id='ays-answer-4103396-34278' value='4103396'/> <label for='ays-answer-4103396-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Không in đậm, không in nghiêng.</label><label for='ays-answer-4103396-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023225'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM5MyI6IjEiLCI0MTAzMzk0IjoiMCIsIjQxMDMzOTUiOiIwIiwiNDEwMzM5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi ứng dụng, dự đoán kết quả định dạng dựa trên các thuộc tính font-weight và font-style được áp dụng qua bộ chọn định danh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1023226' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 08</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Cho đoạn mã HTML: `</p> <p id="special-paragraph" class="text-center">Đoạn văn đặc biệt.</p> <p>` và CSS: `#special-paragraph { color: red; } .text-center { text-align: center; color: blue; }`. Đoạn văn bản này sẽ có màu chữ và căn lề như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023226]' id='ays-answer-4103397-34278' value='4103397'/> <label for='ays-answer-4103397-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh dương, căn lề trái.</label><label for='ays-answer-4103397-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023226]' id='ays-answer-4103398-34278' value='4103398'/> <label for='ays-answer-4103398-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đỏ, căn lề giữa.</label><label for='ays-answer-4103398-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023226]' id='ays-answer-4103399-34278' value='4103399'/> <label for='ays-answer-4103399-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh dương, căn lề giữa.</label><label for='ays-answer-4103399-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1023226]' id='ays-answer-4103400-34278' value='4103400'/> <label for='ays-answer-4103400-34278' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đỏ, căn lề trái.</label><label for='ays-answer-4103400-34278' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_34278 === 'undefined'){ window.quizOptions_34278 = []; } window.quizOptions_34278['1023226'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDEwMzM5NyI6IjAiLCI0MTAzMzk4IjoiMSIsIjQxMDMzOTkiOiIwIiwiNDEwMzQwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Câu hỏi phân tích/ứng dụng nâng cao, kiểm tra hiểu biết về độ ưu tiên của bộ chọn định danh so với bộ chọn lớp khi cùng tác động lên một thuộc tính (`color`).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-34278 * { box-sizing: border-box; } #ays-quiz-container-34278 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-34278 #ays_finish_quiz_34278 { } /* Styles for Quiz container */ #ays-quiz-container-34278{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-34278 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-34278 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-34278 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-34278 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-34278 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-34278 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-34278 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-34278 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-34278.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-34278.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-34278 #ays_finish_quiz_34278 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-34278.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-34278.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-34278.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-34278.ays-quiz-container .ays-questions-container p, #ays-quiz-container-34278.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-34278.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-34278.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-34278.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-34278.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-34278.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-34278.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-34278.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-34278.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-34278 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-34278 .ays-quiz-password-message-box, #ays-quiz-container-34278 .ays-quiz-question-note-message-box, #ays-quiz-container-34278 .ays_quiz_question, #ays-quiz-container-34278 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-34278 textarea, #ays-quiz-container-34278 input::first-letter, #ays-quiz-container-34278 select::first-letter, #ays-quiz-container-34278 option::first-letter { color: initial !important; } #ays-quiz-container-34278 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-34278 .select2-container, #ays-quiz-container-34278 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-34278 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-34278 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-34278 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-34278 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-34278 .ays-questions-container .ays-field, div#ays-quiz-container-34278 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-34278 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-34278 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-34278 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-34278 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-34278 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-34278 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-34278 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-34278 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-34278 .information_form input[type='text'], #ays-quiz-container-34278 .information_form input[type='url'], #ays-quiz-container-34278 .information_form input[type='number'], #ays-quiz-container-34278 .information_form input[type='email'], #ays-quiz-container-34278 .information_form input[type='tel'], #ays-quiz-container-34278 .information_form textarea, #ays-quiz-container-34278 .information_form select, #ays-quiz-container-34278 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-34278 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-34278 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-34278 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-34278 .right_answer_text{ color:#33cc33; } #ays-quiz-container-34278 .right_answer_text p { font-size:16px; } #ays-quiz-container-34278 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-34278 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-34278 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-34278 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-34278 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-34278 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-34278 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-34278 .ays_cb_and_a, #ays-quiz-container-34278 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-34278 iframe { /*min-height: 450px;*/ } #ays-quiz-container-34278 label.ays_for_checkbox, #ays-quiz-container-34278 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-34278 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-34278 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-34278 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-34278 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-34278 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-34278 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-34278 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-34278 div.lds-spinner, #ays-quiz-container-34278 div.lds-spinner2 { color: #000000; } #ays-quiz-container-34278 div.lds-spinner div:after, #ays-quiz-container-34278 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-34278 .lds-circle, #ays-quiz-container-34278 .lds-facebook div, #ays-quiz-container-34278 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-34278 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-34278 .lds-dual-ring::after, #ays-quiz-container-34278 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-34278 .ui.rating .icon, #ays-quiz-container-34278 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-34278 #ays_finish_quiz_34278 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-34278 #ays_finish_quiz_34278 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-34278 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-34278 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-34278 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-34278 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-34278 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-34278 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-34278 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-34278 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-34278 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-34278 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-34278 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-34278 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-34278 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-34278 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-34278 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-34278 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-34278 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-34278 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-34278 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-34278 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-34278 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-34278 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-34278 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-34278 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-34278 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-34278 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-34278 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-34278 div.ays-quiz-redirection-timer, #ays-quiz-container-34278 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-34278 div.ays-quiz-after-timer * , #ays-quiz-container-34278 div.ays-quiz-redirection-timer *, #ays-quiz-container-34278 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-34278 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-34278 input#ays-submit, #ays-quiz-container-34278 #ays_finish_quiz_34278 .action-button, #ays-quiz-container-34278 #ays_finish_quiz_34278 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-34278 #ays_finish_quiz_34278 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-34278 #ays_finish_quiz_34278 .action-button.ays_restart_button, #ays-quiz-container-34278 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-34278 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-34278 input#ays-submit, #ays-quiz-container-34278 #ays_finish_quiz_34278 input.action-button, #ays-quiz-container-34278 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-34278 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-34278 #ays_finish_quiz_34278 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-34278 #ays_finish_quiz_34278 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-34278 #ays_finish_quiz_34278 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-34278 input#ays-submit:hover, #ays-quiz-container-34278 input#ays-submit:focus, #ays-quiz-container-34278 #ays_finish_quiz_34278 .action-button:hover, #ays-quiz-container-34278 #ays_finish_quiz_34278 .action-button:focus, #ays-quiz-container-34278 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-34278 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-34278 .ays_restart_button { color: #ffffff; } #ays-quiz-container-34278 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-34278 .ays_buttons_div { justify-content: center; } #ays-quiz-container-34278 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-34278 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-34278 input[type='button'], #ays-quiz-container-34278 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-34278 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-34278 input[type='button']:focus-visible, div#ays-quiz-container-34278 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-34278 #ays_finish_quiz_34278 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-34278 #ays_finish_quiz_34278 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-34278 #ays_finish_quiz_34278 i.ays_early_finish.action-button[disabled], #ays-quiz-container-34278 #ays_finish_quiz_34278 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-34278 #ays_finish_quiz_34278 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-34278 #ays_finish_quiz_34278 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-34278 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-34278 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-34278 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-34278.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-34278 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-34278 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-34278 #ays_finish_quiz_34278 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-34278 #ays_finish_quiz_34278 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-34278 #ays_finish_quiz_34278 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-34278 #ays_finish_quiz_34278 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-34278 #ays_finish_quiz_34278 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-34278 #ays_finish_quiz_34278 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-34278 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-34278 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-34278 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-34278 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-34278 #ays_finish_quiz_34278 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-34278 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-34278 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-34278 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-34278 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-34278 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-34278 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-34278 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-34278 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-34278 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-34278 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-34278 #ays_finish_quiz_34278 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-34278 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-34278 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-34278 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-34278 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-34278 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-34278 .ays-field .select2-container--default, #ays-quiz-container-34278 .ays-field .select2-container--default .selection, #ays-quiz-container-34278 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-34278 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-34278 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-34278 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-34278 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-34278 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-34278 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-34278 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-34278 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-34278 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-34278 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-34278 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-34278 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-34278 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-34278 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-34278 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-34278 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-34278 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-34278 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-34278 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-34278 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-34278 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-34278 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-34278 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-34278.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-34278.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-34278 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-34278 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-34278 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-34278 label[for^='ays-answer']:before, #ays-quiz-container-34278 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-34278 .ays_question_report { text-align: right; } div#ays-quiz-container-34278 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-34278 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-34278.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-34278.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-34278.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-34278.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-34278.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-34278.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-34278 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-34278.ays_quiz_classic_dark .correct_div, #ays-quiz-container-34278.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-34278.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-34278.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-34278.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-34278.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-34278.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-34278.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-34278 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-34278 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-34278 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-34278 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-34278 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-34278 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-34278 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-34278 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-34278 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-34278.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-34278.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-34278 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-34278 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-34278 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-34278 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-34278 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-34278 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-34278 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-34278 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-34278 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-34278 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-34278 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-34278 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-34278 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-34278 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-34278 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-34278 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-34278 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-34278 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-34278 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-34278 .ays-quiz-personality-result-box div:before, #ays-quiz-container-34278 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-34278 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-34278 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-34278 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-34278 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-34278 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-34278 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-34278 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-34278 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-34278 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-34278 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-34278 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-34278 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-34278 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-34278{ max-width: 100%; } div#ays-quiz-container-34278 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-34278.ays_quiz_modern_light .step, div#ays-quiz-container-34278.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-34278.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-34278.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-34278.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-34278.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-34278 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-34278 .select2-container, div#ays-quiz-container-34278 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-34278 input#ays-submit, div#ays-quiz-container-34278 #ays_finish_quiz_34278 .action-button, div#ays-quiz-container-34278 #ays_finish_quiz_34278 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-34278 #ays_finish_quiz_34278 .action-button.ays_restart_button, #ays-quiz-container-34278 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-34278 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-34278 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-34278 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-34278 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-34278 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-34278 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-34278 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-34278 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-34278 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-34278 p { margin: 0.625em; } #ays-quiz-container-34278.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-34278.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-34278 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-34278.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-34278 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-34278 #ays_finish_quiz_34278 .action-button:hover, #ays-quiz-container-34278 #ays_finish_quiz_34278 .action-button:focus, #ays-quiz-container-34278 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-34278 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['34278'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzNDI3OCIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwOCIsImRlc2NyaXB0aW9uIjoiPHA+PHN0cm9uZz5CYVx1MDMwMGkgVFx1MDBlMlx1MDMyM3AgVHJcdTFlYWZjIG5naGlcdTFlYzdtIFRpbiBoXHUxZWNkYyAxMiAtIENcdTAwZTFuaCBkaVx1MWVjMXUgLSBCXHUwMGUwaSAxMDogQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDg8XC9zdHJvbmc+IFx1MDExMVx1MDFiMFx1MWVlM2MgeFx1MDBlMnkgZFx1MWVmMW5nIHZcdTFlZGJpIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgY2hcdTFlYTV0IGxcdTAxYjBcdTFlZTNuZywgc1x1MDBlMXQgdlx1MWVkYmkgblx1MWVkOWkgZHVuZyBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmggaFx1MWVjZGMsIGdpXHUwMGZhcCBiXHUxZWExbiBkXHUxZWM1IGRcdTAwZTBuZyBcdTAwZjRuIHRcdTFlYWRwIHZcdTAwZTAga2lcdTFlYzNtIHRyYSBraVx1MWViZm4gdGhcdTFlZTljIGhpXHUxZWM3dSBxdVx1MWVhMy4gSFx1MDBlM3kgY1x1MDBmOW5nIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgbFx1MDBlMG0gYlx1MDBlMGkgdFx1MWVhZHAgdHJcdTFlYWZjIG5naGlcdTFlYzdtIG5nYXkgXHUwMTExXHUxZWMzIG5cdTAwZTJuZyBjYW8gaGlcdTFlYzN1IGJpXHUxZWJmdCB2XHUwMGUwIGNodVx1MWVhOW4gYlx1MWVjYiB0XHUxZWQxdCBjaG8ga1x1MWVmMyB0aGkgc1x1MWVhZnAgdFx1MWVkYmkhPFwvcD5cclxuXHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTogVHJvbmcgQ1NTLCBjXHUwMGZhIHBoXHUwMGUxcCBjaFx1MDBlZG5oIHhcdTAwZTFjIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBuZ2hcdTAxMjlhIG1cdTFlZDl0IGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIChjbGFzcyBzZWxlY3RvcikgY1x1MDBmMyB0XHUwMGVhbiBsXHUwMGUwIGBoaWdobGlnaHRgIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gI2hpZ2hsaWdodCB7IC4uLiB9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIC5oaWdobGlnaHQgeyAuLi4gfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGhpZ2hsaWdodCB7IC4uLiB9PFwvbGk+XHJcbjxsaT5ELiAqaGlnaGxpZ2h0IHsgLi4uIH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOiBUcm9uZyBDU1MsIGNcdTAwZmEgcGhcdTAwZTFwIGNoXHUwMGVkbmggeFx1MDBlMWMgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIG5naFx1MDEyOWEgbVx1MWVkOXQgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoSUQgc2VsZWN0b3IpIGNcdTAwZjMgdFx1MDBlYW4gbFx1MDBlMCBgbWFpbi1oZWFkZXJgIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gLm1haW4taGVhZGVyIHsgLi4uIH08XC9saT5cclxuPGxpPkIuIG1haW4taGVhZGVyIHsgLi4uIH08XC9saT5cclxuPGxpPkMuICptYWluLWhlYWRlciB7IC4uLiB9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuICNtYWluLWhlYWRlciB7IC4uLiB9PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDM6IFx1MDExMFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBgdGV4dC1jZW50ZXJgIHZcdTAwZTBvIG1cdTFlZDl0IFx1MDExMW9cdTFlYTFuIHZcdTAxMDNuIGJcdTFlYTNuIHRyb25nIEhUTUwsIGJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggSFRNTCBuXHUwMGUwbyB2XHUwMGUwIGNcdTAwZmEgcGhcdTAwZTFwIHJhIHNhbz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiA8cCBjbGFzcz08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiA8cCBpZD08XC9saT5cclxuPGxpPkMuIDxwIHN0eWxlPTxcL2xpPlxyXG48bGk+RC4gPHAgbmFtZT08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA0OiBcdTAxMTBcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBgc2l0ZS10aXRsZWAgdlx1MDBlMG8gbVx1MWVkOXQgdGhcdTFlYmIgdGlcdTAwZWF1IFx1MDExMVx1MWVjMSBgPGgxPmAgZHV5IG5oXHUxZWE1dCB0clx1MDBlYW4gdHJhbmcsIGJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggSFRNTCBuXHUwMGUwbyB2XHUwMGUwIGNcdTAwZmEgcGhcdTAwZTFwIHJhIHNhbz9cclxuPHVsPlxyXG48bGk+QS4gPGgxIGNsYXNzPTxcL2xpPlxyXG48bGk+Qi4gPGgxIG5hbWU9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIDxoMSBpZD08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiA8aDEgc3R5bGU9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNTogXHUwMTEwaVx1MWVjM20ga2hcdTAwZTFjIGJpXHUxZWM3dCBjXHUwMWExIGJcdTFlYTNuIG5oXHUxZWE1dCB2XHUxZWMxIHBoXHUxZWExbSB2aSBcdTAwZTFwIGRcdTFlZTVuZyBnaVx1MWVlZmEgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgdlx1MDBlMCBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIHRyb25nIENTUyBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY1x1MDBmMyB0aFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gbmhpXHUxZWMxdSBwaFx1MWVhN24gdFx1MWVlZCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBjaFx1MWVjOSBuXHUwMGVhbiBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgZHV5IG5oXHUxZWE1dC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGNcdTAwZjMgdGhcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQsIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGNoXHUxZWM5IG5cdTAwZWFuIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBkdXkgbmhcdTFlYTV0LjxcL2xpPlxyXG48bGk+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY2hcdTFlYzkgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIHRoXHUxZWJiIGRpdiwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aFx1MWViYiBraFx1MDBlMWMuPFwvbGk+XHJcbjxsaT5ELiBDXHUxZWEzIGhhaSBcdTAxMTFcdTFlYzF1IGNoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBkdXkgbmhcdTFlYTV0IHRyXHUwMGVhbiB0cmFuZy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA2OiBCXHUxZWExbiBtdVx1MWVkMW4gXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIHJpXHUwMGVhbmcgY2hvIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgY2hcdTAwZWRuaCBgPGgxPmAgY1x1MWVlN2EgdHJhbmcgd2ViIChjaFx1MWVjOSBjXHUwMGYzIG1cdTFlZDl0KS4gTG9cdTFlYTFpIGJcdTFlZDkgY2hcdTFlY2RuIENTUyBuXHUwMGUwbyBsXHUwMGUwIHBoXHUwMGY5IGhcdTFlZTNwIG5oXHUxZWE1dCB0cm9uZyB0clx1MDFiMFx1MWVkZG5nIGhcdTFlZTNwIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoQ2xhc3Mgc2VsZWN0b3IpPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIHNlbGVjdG9yKTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIChFbGVtZW50IHNlbGVjdG9yKTxcL2xpPlxyXG48bGk+RC4gQlx1MWVkOSBjaFx1MWVjZG4gbmhcdTAwZjNtIChHcm91cGluZyBzZWxlY3Rvcik8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA3OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQga2lcdTFlYzN1IFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyAodlx1MDBlZCBkXHUxZWU1OiBjaFx1MWVlZiBtXHUwMGUwdSB4YW5oLCBpbiBcdTAxMTFcdTFlYWRtKSBcdTAxMTFcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIG5oaVx1MWVjMXUgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24sIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgcGhcdTFlZTUsIHZcdTAwZTAgY1x1MDBlMWMgbVx1MWVlNWMgZGFuaCBzXHUwMGUxY2gga2hcdTAwZTFjIG5oYXUgdHJcdTAwZWFuIHRyYW5nLiBMb1x1MWVhMWkgYlx1MWVkOSBjaFx1MWVjZG4gQ1NTIG5cdTAwZTBvIGxcdTAwZTAgcGhcdTAwZjkgaFx1MWVlM3AgbmhcdTFlYTV0P1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIChDbGFzcyBzZWxlY3Rvcik8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIChJRCBzZWxlY3Rvcik8XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIChFbGVtZW50IHNlbGVjdG9yKTxcL2xpPlxyXG48bGk+RC4gQlx1MWVkOSBjaFx1MWVjZG4gY29uIGNoXHUwMGUxdSAoRGVzY2VuZGFudCBzZWxlY3Rvcik8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA4OiBNXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGNcdTAwZjMgdGhcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgXHUwMTExXHUxZWQzbmcgdGhcdTFlZGRpIG5oaVx1MWVjMXUgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAga2hcdTAwZjRuZz8gTlx1MWViZnUgY1x1MDBmMywgY1x1MDBlMWNoIGtoYWkgYlx1MDBlMW8gdHJvbmcgSFRNTCBuaFx1MDFiMCB0aFx1MWViZiBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gS2hcdTAwZjRuZyB0aFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBuaGlcdTFlYzF1IGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwLjxcL2xpPlxyXG48bGk+Qi4gQ1x1MDBmMywgYlx1MWViMW5nIGNcdTAwZTFjaCBsXHUxZWI3cCBsXHUxZWExaSB0aHVcdTFlZDljIHRcdTAwZWRuaCBjbGFzczogPHAgY2xhc3M9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIENcdTAwZjMsIGJcdTFlYjFuZyBjXHUwMGUxY2ggbGlcdTFlYzd0IGtcdTAwZWEgY1x1MDBlMWMgdFx1MDBlYW4gbFx1MWVkYnAgdHJvbmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggY2xhc3MsIGNcdTAwZTFjaCBuaGF1IGJcdTFlZGZpIGRcdTFlYTV1IGNcdTAwZTFjaDogPHAgY2xhc3M9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gQ1x1MDBmMywgYlx1MWViMW5nIGNcdTAwZTFjaCBsaVx1MWVjN3Qga1x1MDBlYSBjXHUwMGUxYyB0XHUwMGVhbiBsXHUxZWRicCB0cm9uZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBjbGFzcywgY1x1MDBlMWNoIG5oYXUgYlx1MWVkZmkgZFx1MWVhNXUgcGhcdTFlYTl5OiA8cCBjbGFzcz08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA5OiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MIHNhdTogYDxwIGNsYXNzPVxyXG48dWw+XHJcbjxsaT5BLiBNXHUwMGUwdSB4YW5oIGRcdTAxYjBcdTAxYTFuZyAoYmx1ZSk8XC9saT5cclxuPGxpPkIuIE1cdTAwZTB1IHhhbmggbFx1MDBlMSBjXHUwMGUyeSAoZ3JlZW4pPFwvbGk+XHJcbjxsaT5DLiBNXHUwMGUwdSBcdTAxMTFlbiAoYmxhY2spIC0gbVx1MWViN2MgXHUwMTExXHUxZWNibmg8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gTVx1MDBlMHUgXHUwMTExXHUxZWNmIChyZWQpPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEwOiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MIHNhdTogYDxkaXYgaWQ9XHJcbjx1bD5cclxuPGxpPkEuIE1cdTAwZTB1IHRyXHUxZWFmbmcgKHdoaXRlKSAtIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oPFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIE1cdTAwZTB1IHhhbmggZFx1MDFiMFx1MDFhMW5nIG5oXHUxZWExdCAobGlnaHRibHVlKTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIE1cdTAwZTB1IHZcdTAwZTBuZyAoeWVsbG93KTxcL2xpPlxyXG48bGk+RC4gTVx1MDBlMHUgeFx1MDBlMW0gKGdyYXkpPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTE6IENobyBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUw6IGA8aDIgY2xhc3M9XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gTVx1MDBlMHUgeGFuaCBkXHUwMWIwXHUwMWExbmcsIGluIFx1MDExMVx1MWVhZG0uPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gTVx1MDBlMHUgeGFuaCBkXHUwMWIwXHUwMWExbmcsIGtoXHUwMGY0bmcgaW4gXHUwMTExXHUxZWFkbS48XC9saT5cclxuPGxpPkMuIE1cdTAwZTB1IFx1MDExMWVuLCBpbiBcdTAxMTFcdTFlYWRtLjxcL2xpPlxyXG48bGk+RC4gTVx1MDBlMHUgXHUwMTExZW4sIGtoXHUwMGY0bmcgaW4gXHUwMTExXHUxZWFkbS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMjogQ2hvIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTDogYDxwIGNsYXNzPVxyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVlZiB0aFx1MDFiMFx1MWVkZG5nLCBraFx1MDBmNG5nIGluIG5naGlcdTAwZWFuZy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQ2hcdTFlZWYgdGhcdTAxYjBcdTFlZGRuZywgaW4gbmdoaVx1MDBlYW5nLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIENoXHUxZWVmIGluIGhvYSwga2hcdTAwZjRuZyBpbiBuZ2hpXHUwMGVhbmcuPFwvbGk+XHJcbjxsaT5ELiBDaFx1MWVlZiBpbiBob2EsIGluIG5naGlcdTAwZWFuZy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMzogQ2hvIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTDogYDxkaXYgaWQ9XHJcbjx1bD5cclxuPGxpPkEuIEtoXHUwMGY0bmcgY1x1MDBmMyBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4uPFwvbGk+XHJcbjxsaT5CLiBcdTAxMTBcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gXHUxZWRmIHBoXHUwMGVkYSBkXHUwMWIwXHUxZWRiaS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gXHUwMTEwXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIFx1MWVkZiBwaFx1MDBlZGEgdHJcdTAwZWFuLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFx1MDExMFx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiB4dW5nIHF1YW5oLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE0OiBLaGkgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgSFRNTCBjXHUwMGYzIGNcdTFlYTMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGNsYXNzYCB2XHUwMGUwIGBpZGAsIHZcdTAwZTAgY1x1MDBmMyBjXHUwMGUxYyBxdXkgdFx1MWVhZmMgQ1NTIHNcdTFlZWQgZFx1MWVlNW5nIGNcdTFlYTMgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgdlx1MDBlMCBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGNcdTAwZjluZyBuaFx1MWVhZm0gdlx1MDBlMG8gbVx1MWVkOXQgdGh1XHUxZWQ5YyB0XHUwMGVkbmggKHZcdTAwZWQgZFx1MWVlNTogYGNvbG9yYCksIHF1eSB0XHUxZWFmYyBuXHUwMGUwbyBzXHUxZWJkIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMWIwdSB0aVx1MDBlYW4gXHUwMGUxcCBkXHUxZWU1bmc/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gUXV5IHRcdTFlYWZjIGNcdTFlZTdhIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIHNlbGVjdG9yKSBzXHUxZWJkIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMWIwdSB0aVx1MDBlYW4uPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gUXV5IHRcdTFlYWZjIGNcdTFlZTdhIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIChDbGFzcyBzZWxlY3Rvcikgc1x1MWViZCBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDFiMHUgdGlcdTAwZWFuLjxcL2xpPlxyXG48bGk+Qy4gUXV5IHRcdTFlYWZjIFx1MDExMVx1MDFiMFx1MWVlM2MgdmlcdTFlYmZ0IHNhdSBjXHUwMGY5bmcgdHJvbmcgdFx1MWVjN3AgQ1NTIHNcdTFlYmQgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxYjB1IHRpXHUwMGVhbi48XC9saT5cclxuPGxpPkQuIFF1eSB0XHUxZWFmYyBcdTAxMTFcdTAxYjBcdTFlZTNjIHZpXHUxZWJmdCB0clx1MDFiMFx1MWVkYmMgdGlcdTAwZWFuIHRyb25nIHRcdTFlYzdwIENTUyBzXHUxZWJkIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMWIwdSB0aVx1MDBlYW4uPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTU6IEtoaSBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIGJcdTFlZGZpIGNcdTFlYTMgYlx1MWVkOSBjaFx1MWVjZG4gcGhcdTFlYTduIHRcdTFlZWQgKEVsZW1lbnQgc2VsZWN0b3IpIHZcdTAwZTAgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKENsYXNzIHNlbGVjdG9yKSBuaFx1MWVhZm0gdlx1MDBlMG8gY1x1MDBmOW5nIG1cdTFlZDl0IHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUywgcXV5IHRcdTFlYWZjIG5cdTAwZTBvIHNcdTFlYmQgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZz9cclxuPHVsPlxyXG48bGk+QS4gUXV5IHRcdTFlYWZjIGNcdTFlZTdhIGJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIHNcdTFlYmQgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxYjB1IHRpXHUwMGVhbi48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gUXV5IHRcdTFlYWZjIGNcdTFlZTdhIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIHNcdTFlYmQgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxYjB1IHRpXHUwMGVhbi48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBRdXkgdFx1MWVhZmMgXHUwMTExXHUwMWIwXHUxZWUzYyB2aVx1MWViZnQgc2F1IGNcdTAwZjluZyB0cm9uZyB0XHUxZWM3cCBDU1Mgc1x1MWViZCBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDFiMHUgdGlcdTAwZWFuLjxcL2xpPlxyXG48bGk+RC4gUXV5IHRcdTFlYWZjIFx1MDExMVx1MDFiMFx1MWVlM2MgdmlcdTFlYmZ0IHRyXHUwMWIwXHUxZWRiYyB0aVx1MDBlYW4gdHJvbmcgdFx1MWVjN3AgQ1NTIHNcdTFlYmQgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxYjB1IHRpXHUwMGVhbi48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNjogQ2hvIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTDogYDxzcGFuIGNsYXNzPVxyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIEJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmguPFwvbGk+XHJcbjxsaT5DLiBCXHUxZWQ5IGNoXHUxZWNkbiBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPGxpPkQuIEJcdTFlZDkgY2hcdTFlY2RuIGNvbiBjaFx1MDBlMXUuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTc6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIHRoXHUxZWJiIGA8bGk+YCB0cm9uZyBkYW5oIHNcdTAwZTFjaCBjXHUxZWU3YSBtXHUwMGVjbmggY1x1MDBmMyBkXHUxZWE1dSBjaFx1MWVhNW0gdHJcdTAwZjJuIHRoYXkgdlx1MDBlYyBkXHUxZWE1dSBnXHUxZWExY2ggbmdhbmcuIEJcdTFlYTFuIG5cdTAwZWFuIHNcdTFlZWQgZFx1MWVlNW5nIGxvXHUxZWExaSBiXHUxZWQ5IGNoXHUxZWNkbiBuXHUwMGUwbyBsXHUwMGUwIDxpPmhpXHUxZWM3dSBxdVx1MWVhMyBuaFx1MWVhNXQ8XC9pPiBcdTAxMTFcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcga2lcdTFlYzN1IG5cdTAwZTB5IGNobyA8aT50XHUxZWE1dCBjXHUxZWEzPFwvaT4gY1x1MDBlMWMgdGhcdTFlYmIgYDxsaT5gP1xyXG48dWw+XHJcbjxsaT5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIChJRCBzZWxlY3RvciksIFx1MDBlMXAgZFx1MWVlNW5nIElEIGNobyB0XHUxZWVibmcgdGhcdTFlYmIgYDxsaT5gLjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKENsYXNzIHNlbGVjdG9yKSwgXHUwMGUxcCBkXHUxZWU1bmcgY1x1MDBmOW5nIG1cdTFlZDl0IGxcdTFlZGJwIGNobyB0XHUxZWVibmcgdGhcdTFlYmIgYDxsaT5gLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBCXHUxZWQ5IGNoXHUxZWNkbiBwaFx1MWVhN24gdFx1MWVlZCAoRWxlbWVudCBzZWxlY3RvciksIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIGBsaSB7IC4uLiB9YC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBWaVx1MWViZnQga2lcdTFlYzN1IG5cdTFlZDlpIHR1eVx1MWViZm4gKElubGluZSBzdHlsZSkgY2hvIHRcdTFlZWJuZyB0aFx1MWViYiBgPGxpPmAuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTg6IEJcdTFlYTFuIFx1MDExMWFuZyB0aGlcdTFlYmZ0IGtcdTFlYmYgbVx1MWVkOXQgdHJhbmcgd2ViIHZcdTAwZTAgY1x1MWVhN24gbVx1MWVkOXQga2h1IHZcdTFlZjFjIGR1eSBuaFx1MWVhNXQgKHZcdTAwZWQgZFx1MWVlNTogdGhhbmggXHUwMTExaVx1MWVjMXUgaFx1MDFiMFx1MWVkYm5nIGNoXHUwMGVkbmgpIGNcdTAwZjMga2lcdTFlYzN1IG5cdTFlYzFuIHZcdTAwZTAgbVx1MDBlMHUgY2hcdTFlZWYgXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QsIGtoXHUwMGY0bmcgZ2lcdTFlZDFuZyBiXHUxZWE1dCBrXHUxZWYzIHBoXHUxZWE3biBuXHUwMGUwbyBraFx1MDBlMWMgdHJcdTAwZWFuIHRyYW5nLiBMb1x1MWVhMWkgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gbFx1MDBlMCBsXHUxZWYxYSBjaFx1MWVjZG4gPGk+dFx1MWVkMXQgbmhcdTFlYTV0PFwvaT4gY2hvIGtodSB2XHUxZWYxYyBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKENsYXNzIHNlbGVjdG9yKS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoSUQgc2VsZWN0b3IpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIChFbGVtZW50IHNlbGVjdG9yKS48XC9saT5cclxuPGxpPkQuIEJcdTFlZDkgY2hcdTFlY2RuIGNvbiBjaFx1MDBlMXUgKERlc2NlbmRhbnQgc2VsZWN0b3IpLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE5OiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MOiBgPHAgY2xhc3M9XHJcbjx1bD5cclxuPGxpPkEuIENcdTAwZjMsIHZcdTAwZWMgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBcdTAxYjB1IHRpXHUwMGVhbiBoXHUwMWExbiBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicC48XC9saT5cclxuPGxpPkIuIENcdTAwZjMsIHZcdTAwZWMgdFx1MDBlYW4gXCJ3YXJuaW5nXCIgZ2lcdTFlZDFuZyBuaGF1LjxcL2xpPlxyXG48bGk+Qy4gS2hcdTAwZjRuZywgdlx1MDBlYyBjXHUwMGZhIHBoXHUwMGUxcCBDU1Mgc2FpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBLaFx1MDBmNG5nLCB2XHUwMGVjIHRodVx1MWVkOWMgdFx1MDBlZG5oIHRyb25nIEhUTUwgbFx1MDBlMCBgY2xhc3M9PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIwOiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MOiBgPGRpdiBpZD1cclxuPHVsPlxyXG48bGk+QS4gQ1x1MDBmMywgdlx1MDBlYyB0XHUwMGVhbiBcIm1haW4tY29udGVudFwiIGdpXHUxZWQxbmcgbmhhdS48XC9saT5cclxuPGxpPkIuIENcdTAwZjMsIHZcdTAwZWMgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgXHUwMWIwdSB0aVx1MDBlYW4gaFx1MDFhMW4gYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gS2hcdTAwZjRuZywgdlx1MDBlYyB0aHVcdTFlZDljIHRcdTAwZWRuaCB0cm9uZyBIVE1MIGxcdTAwZTAgYGlkPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIEtoXHUwMGY0bmcsIHZcdTAwZWMgY1x1MDBmYSBwaFx1MDBlMXAgQ1NTIHNhaS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMTogXHUwMTEwXHUxZWMzIHRoYXkgXHUwMTExXHUxZWQ1aSBtXHUwMGUwdSBjaFx1MWVlZiBjXHUxZWU3YSBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCwgYlx1MWVhMW4gc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGNvbG9yPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gYmFja2dyb3VuZC1jb2xvcjxcL2xpPlxyXG48bGk+Qy4gZm9udC1zaXplPFwvbGk+XHJcbjxsaT5ELiB0ZXh0LWFsaWduPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjI6IFx1MDExMFx1MWVjMyB0aGF5IFx1MDExMVx1MWVkNWkgbVx1MDBlMHUgblx1MWVjMW4gY1x1MWVlN2EgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQsIGJcdTFlYTFuIHNcdTFlZWQgZFx1MWVlNW5nIHRodVx1MWVkOWMgdFx1MDBlZG5oIENTUyBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gY29sb3I8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gYmFja2dyb3VuZC1jb2xvcjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGZvbnQtZmFtaWx5PFwvbGk+XHJcbjxsaT5ELiBib3JkZXI8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyMzogXHUwMTEwXHUxZWMzIHRoYXkgXHUwMTExXHUxZWQ1aSBrXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIGNoXHUxZWVmIGNcdTFlZTdhIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkLCBiXHUxZWExbiBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIGZvbnQtZmFtaWx5PFwvbGk+XHJcbjxsaT5CLiBjb2xvcjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBmb250LXNpemU8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiB0ZXh0LWRlY29yYXRpb248XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNDogXHUwMTEwXHUxZWMzIHRoYXkgXHUwMTExXHUxZWQ1aSBraVx1MWVjM3UgcGhcdTAwZjRuZyBjaFx1MWVlZiAodlx1MDBlZCBkXHUxZWU1OiBBcmlhbCwgVGltZXMgTmV3IFJvbWFuKSBjXHUxZWU3YSBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCwgYlx1MWVhMW4gc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGZvbnQtZmFtaWx5PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gZm9udC13ZWlnaHQ8XC9saT5cclxuPGxpPkMuIGZvbnQtc3R5bGU8XC9saT5cclxuPGxpPkQuIHRleHQtdHJhbnNmb3JtPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjU6IENobyBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUw6IGA8cCBjbGFzcz1cclxuPHVsPlxyXG48bGk+QS4gTVx1MDBlMHUgY2hcdTFlZWYgdlx1MDBlMG5nLCBtXHUwMGUwdSBuXHUxZWMxbiB4YW5oIGRcdTAxYjBcdTAxYTFuZy48XC9saT5cclxuPGxpPkIuIE1cdTAwZTB1IGNoXHUxZWVmIFx1MDExMWVuLCBtXHUwMGUwdSBuXHUxZWMxbiB0clx1MWVhZm5nLjxcL2xpPlxyXG48bGk+Qy4gTVx1MDBlMHUgY2hcdTFlZWYgeGFuaCBkXHUwMWIwXHUwMWExbmcsIG1cdTAwZTB1IG5cdTFlYzFuIHRyXHUxZWFmbmcuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIE1cdTAwZTB1IGNoXHUxZWVmIHhhbmggZFx1MDFiMFx1MDFhMW5nLCBtXHUwMGUwdSBuXHUxZWMxbiB2XHUwMGUwbmcuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI2OiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MOiBgPGgxIGlkPVxyXG48dWw+XHJcbjxsaT5BLiBLXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oLCBjXHUwMTAzbiBsXHUxZWMxIHRyXHUwMGUxaS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gS1x1MDBlZGNoIHRoXHUwMWIwXHUxZWRiYyAzNnB4LCBjXHUwMTAzbiBsXHUxZWMxIGdpXHUxZWVmYS48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBLXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oLCBjXHUwMTAzbiBsXHUxZWMxIGdpXHUxZWVmYS48XC9saT5cclxuPGxpPkQuIEtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgMzZweCwgY1x1MDEwM24gbFx1MWVjMSB0clx1MDBlMWkuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjc6IFx1MDExMFx1MWVjMyBsaVx1MDBlYW4ga1x1MWViZnQgbVx1MWVkOXQgdFx1MWVjN3AgQ1NTIGJcdTAwZWFuIG5nb1x1MDBlMGkgY1x1MDBmMyB0XHUwMGVhbiBgc3R5bGVzLmNzc2Agdlx1MDBlMG8gdFx1MWVjN3AgSFRNTCBjXHUxZWU3YSBiXHUxZWExbiwgYlx1MWVhMW4gc1x1MWVlZCBkXHUxZWU1bmcgdGhcdTFlYmIgblx1MDBlMG8gdHJvbmcgcGhcdTFlYTduIGA8aGVhZD5gIGNcdTFlZTdhIHRcdTAwZTBpIGxpXHUxZWM3dSBIVE1MP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIDxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyODogQ2hvIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTDogYDxkaXYgY2xhc3M9XHJcbjx1bD5cclxuPGxpPkEuIEtoXHUwMGY0bmcgY1x1MDBmMyBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4sIGtoXHUwMGY0bmcgY1x1MDBmMyBraG9cdTFlYTNuZyBcdTAxMTFcdTFlYzdtLjxcL2xpPlxyXG48bGk+Qi4gQ1x1MDBmMyBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4sIGtoXHUwMGY0bmcgY1x1MDBmMyBraG9cdTFlYTNuZyBcdTAxMTFcdTFlYzdtLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBDXHUwMGYzIFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiAxcHggbVx1MDBlMHUgXHUwMTExZW4sIGNcdTAwZjMga2hvXHUxZWEzbmcgXHUwMTExXHUxZWM3bSAxMHB4IHh1bmcgcXVhbmggblx1MWVkOWkgZHVuZy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBLaFx1MDBmNG5nIGNcdTAwZjMgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuLCBjXHUwMGYzIGtob1x1MWVhM25nIFx1MDExMVx1MWVjN20gMTBweC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyOTogQ2hvIFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTDogYDxzcGFuIGlkPVxyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIEluIFx1MDExMVx1MWVhZG0gdlx1MDBlMCBpbiBuZ2hpXHUwMGVhbmcuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgaW4gXHUwMTExXHUxZWFkbS48XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IGluIG5naGlcdTAwZWFuZy48XC9saT5cclxuPGxpPkQuIEtoXHUwMGY0bmcgaW4gXHUwMTExXHUxZWFkbSwga2hcdTAwZjRuZyBpbiBuZ2hpXHUwMGVhbmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMzA6IENobyBcdTAxMTFvXHUxZWExbiBtXHUwMGUzIEhUTUw6IGA8cCBpZD1cclxuPHVsPlxyXG48bGk+QS4gTVx1MDBlMHUgeGFuaCBkXHUwMWIwXHUwMWExbmcsIGNcdTAxMDNuIGxcdTFlYzEgdHJcdTAwZTFpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBNXHUwMGUwdSBcdTAxMTFcdTFlY2YsIGNcdTAxMDNuIGxcdTFlYzEgZ2lcdTFlZWZhLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIE1cdTAwZTB1IHhhbmggZFx1MDFiMFx1MDFhMW5nLCBjXHUwMTAzbiBsXHUxZWMxIGdpXHUxZWVmYS48XC9saT5cclxuPGxpPkQuIE1cdTAwZTB1IFx1MDExMVx1MWVjZiwgY1x1MDEwM24gbFx1MWVjMSB0clx1MDBlMWkuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbiIsInF1aXpfaW1hZ2UiOm51bGwsInF1aXpfY2F0ZWdvcnlfaWQiOiIzMjE5IiwicXVlc3Rpb25faWRzIjoiMTAyMzE5NywxMDIzMTk4LDEwMjMxOTksMTAyMzIwMCwxMDIzMjAxLDEwMjMyMDIsMTAyMzIwMywxMDIzMjA0LDEwMjMyMDUsMTAyMzIwNiwxMDIzMjA3LDEwMjMyMDgsMTAyMzIwOSwxMDIzMjEwLDEwMjMyMTEsMTAyMzIxMiwxMDIzMjEzLDEwMjMyMTQsMTAyMzIxNSwxMDIzMjE2LDEwMjMyMTcsMTAyMzIxOCwxMDIzMjE5LDEwMjMyMjAsMTAyMzIyMSwxMDIzMjIyLDEwMjMyMjMsMTAyMzIyNCwxMDIzMjI1LDEwMjMyMjYiLCJvcmRlcmluZyI6IjM0Mjc4IiwicHVibGlzaGVkIjoiMSIsImNyZWF0ZV9kYXRlIjpudWxsLCJxdWl6X3VybCI6bnVsbCwiaW50ZXJ2YWxzIjoiW3tcImludGVydmFsX21pblwiOlwiMFwiLFwiaW50ZXJ2YWxfbWF4XCI6XCIyNVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQVwifSx7XCJpbnRlcnZhbF9taW5cIjpcIjI2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjUwXCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJCXCJ9LHtcImludGVydmFsX21pblwiOlwiNTFcIixcImludGVydmFsX21heFwiOlwiNzVcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkNcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI3NlwiLFwiaW50ZXJ2YWxfbWF4XCI6XCIxMDBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkRcIn1dIiwiaXNfdXNlcl9sb2dnZWRfaW4iOmZhbHNlLCJxdWl6X2FuaW1hdGlvbl90b3AiOjEwMCwicXVpel9lbmFibGVfYW5pbWF0aW9uX3RvcCI6Im9uIiwic3RvcmVfYWxsX25vdF9maW5pc2hlZF9yZXN1bHRzIjpmYWxzZX0='; </script> <input type='hidden' name='quiz_id' value='34278'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_34278' value='45d85a0ccb'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-35216'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_35216' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 09</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 09</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p> <div class="question-block"> <p>Câu 1: Trong CSS, cú pháp nào sau đây được sử dụng để khai báo một bộ chọn lớp (class selector) có tên là `chu_do` và đặt màu chữ thành màu đỏ?</p> <ul> <li>A. #chu_do { color: red; }</li> <li><strong>B. .chu_do { color: red; }</strong></li> <li>C. chu_do { color: red; }</li> <li>D. *chu_do { color: red; }</li> </ul> </div> <div class="question-block"> <p>Câu 2: Để áp dụng định dạng CSS cho một phần tử HTML duy nhất có thuộc tính `id` là `tieu_de_chinh`, bạn nên sử dụng loại bộ chọn nào?</p> <ul> <li><strong>A. Bộ chọn định danh (ID selector)</strong></li> <li>B. Bộ chọn lớp (Class selector)</li> <li>C. Bộ chọn phần tử (Element selector)</li> <li>D. Bộ chọn toàn thể (Universal selector)</li> </ul> </div> <div class="question-block"> <p>Câu 3: Cho đoạn mã HTML sau: `</p> <p class="canh_le_phai chu_dam">Đoạn văn bản này</p> <p>`. Nếu có các quy tắc CSS cho lớp `canh_le_phai` và `chu_dam`, thì đoạn văn bản trong thẻ `</p> <p>` sẽ nhận định dạng từ những bộ chọn nào?</p> <ul> <li>A. Chỉ từ lớp `canh_le_phai`</li> <li>B. Chỉ từ lớp `chu_dam`</li> <li>C. Chỉ từ lớp được khai báo sau cùng trong thuộc tính `class`</li> <li><strong>D. Từ cả hai lớp `canh_le_phai` và `chu_dam`</strong></li> </ul> </div> <div class="question-block"> <p>Câu 4: Bạn muốn tạo một quy tắc CSS chỉ áp dụng cho các thẻ `</p> <p>` có lớp `noi_bat`. Cú pháp CSS nào sau đây là đúng?</p> <ul> <li>A. .noi_bat p { ... }</li> <li>B. p, .noi_bat { ... }</li> <li><strong>C. p.noi_bat { ... }</strong></li> <li>D. p > .noi_bat { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 5: Điểm khác biệt cơ bản nhất giữa bộ chọn lớp (class selector) và bộ chọn định danh (ID selector) trong CSS là gì?</p> <ul> <li>A. Cú pháp khai báo (dấu chấm vs dấu thăng)</li> <li><strong>B. Số lượng phần tử mà bộ chọn có thể áp dụng</strong></li> <li>C. Các thuộc tính CSS mà chúng có thể định dạng</li> <li>D. Thứ tự ưu tiên khi có xung đột quy tắc</li> </ul> </div> <div class="question-block"> <p>Câu 6: Giả sử bạn có đoạn HTML sau: `</p> <div id="khung_chinh">Nội dung</div> <p>`. Bạn muốn đặt chiều rộng của khung này là 500px và màu nền là xám. Cú pháp CSS nào sau đây là đúng?</p> <ul> <li><strong>A. #khung_chinh { width: 500px; background-color: gray; }</strong></li> <li>B. .khung_chinh { width: 500px; background-color: gray; }</li> <li>C. div#khung_chinh { width: 500px; background-color: gray; }</li> <li>D. khung_chinh { width: 500px; background-color: gray; }</li> </ul> </div> <div class="question-block"> <p>Câu 7: Bạn muốn tất cả các phần tử có lớp `canh_giua` được căn giữa nội dung. Thuộc tính CSS nào cần sử dụng trong quy tắc cho lớp này?</p> <ul> <li>A. align: center;</li> <li>B. vertical-align: middle;</li> <li><strong>C. text-align: center;</strong></li> <li>D. margin: auto;</li> </ul> </div> <div class="question-block"> <p>Câu 8: Điều nào sau đây là SAI khi nói về tên của bộ chọn lớp và bộ chọn định danh trong CSS?</p> <ul> <li>A. Tên có thể chứa chữ cái (a-z, A-Z).</li> <li>B. Tên có thể chứa dấu gạch ngang (-).</li> <li>C. Tên có thể chứa dấu gạch dưới (_).</li> <li><strong>D. Tên có thể bắt đầu bằng một chữ số.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 9: Giả sử bạn có đoạn HTML: `</p> <div class="hop_thoai">...</div> <p>`. Bạn muốn thêm một lớp khác tên là `bao_loi` vào cùng phần tử `div` này để định dạng thêm khi có lỗi. Cú pháp HTML đúng để thêm lớp `bao_loi` là gì?</p> <ul> <li>A. <div class="hop_thoai, bao_loi">...</div> </li> <li><strong>B. <div class="hop_thoai bao_loi">...</div> <p></strong></li> <li>C. <div class="hop_thoai" class="bao_loi">...</div> </li> <li>D. <div classes="hop_thoai bao_loi">...</div> </li> </ul> </div> <div class="question-block"> <p>Câu 10: Nếu bạn có quy tắc CSS `.nut_bam { color: blue; }` và `#nut_dong { color: red; }`, và một phần tử HTML `<button id="nut_dong" class="nut_bam">Đóng</button>`. Màu chữ hiển thị của nút này sẽ là gì? (Giả sử không có quy tắc CSS nào khác ảnh hưởng).</p> <ul> <li><strong>A. Màu đỏ (red)</strong></li> <li>B. Màu xanh dương (blue)</li> <li>C. Màu tím (sự kết hợp của xanh và đỏ)</li> <li>D. Không xác định được, tùy thuộc trình duyệt</li> </ul> </div> <div class="question-block"> <p>Câu 11: Bạn muốn áp dụng một kiểu đường viền (border) cho tất cả các phần tử `<input>` có lớp `nhap_lieu`. Cú pháp CSS nào sau đây mô tả đúng ý đồ này?</p> <ul> <li>A. .nhap_lieu, input { border: 1px solid black; }</li> <li>B. input .nhap_lieu { border: 1px solid black; }</li> <li>C. input > .nhap_lieu { border: 1px solid black; }</li> <li><strong>D. input.nhap_lieu { border: 1px solid black; }</strong></li> </ul> </div> <div class="question-block"> <p>Câu 12: Khi nào thì việc sử dụng bộ chọn lớp (class selector) là phù hợp hơn so với bộ chọn định danh (ID selector)?</p> <ul> <li>A. Khi bạn muốn định dạng một phần tử duy nhất trên trang.</li> <li>B. Khi bạn cần một bộ chọn có độ ưu tiên cao nhất.</li> <li><strong>C. Khi bạn muốn áp dụng cùng một kiểu định dạng cho nhiều phần tử khác nhau.</strong></li> <li>D. Khi bạn cần chọn một phần tử dựa trên vị trí của nó trong cây DOM.</li> </ul> </div> <div class="question-block"> <p>Câu 13: Đoạn mã HTML: `<span id="thong_bao">Thông báo</span>`. Bạn muốn thay đổi kích thước chữ của đoạn văn bản này thành 18px. Thuộc tính CSS nào cần sử dụng trong quy tắc cho ID `thong_bao`?</p> <ul> <li>A. text-size: 18px;</li> <li><strong>B. font-size: 18px;</strong></li> <li>C. text-scale: 18px;</li> <li>D. font-weight: 18px;</li> </ul> </div> <div class="question-block"> <p>Câu 14: Giả sử bạn có tệp CSS ngoại tên là `style.css` và muốn liên kết nó với tệp HTML của mình. Bạn sẽ đặt thẻ `<link>` với các thuộc tính thích hợp ở đâu trong tệp HTML?</p> <ul> <li><strong>A. Trong phần `<head>`</strong></li> <li>B. Trong phần `<body>`</li> <li>C. Ở cuối phần `<body>`</li> <li>D. Ngay sau thẻ `<html>` mở đầu</li> </ul> </div> <div class="question-block"> <p>Câu 15: Bạn có quy tắc CSS sau: `.hop_thong_tin { padding: 10px; border: 1px solid blue; }`. Nếu bạn áp dụng lớp `hop_thong_tin` cho một thẻ `</p> <div>`, kết quả hiển thị sẽ như thế nào?</p> <ul> <li>A. Chỉ có đường viền màu xanh dương.</li> <li>B. Chỉ có khoảng đệm 10px bên ngoài đường viền.</li> <li>C. Khoảng đệm 10px bên trong và đường viền màu đỏ.</li> <li><strong>D. Khoảng đệm 10px bên trong và đường viền màu xanh dương.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 16: Điều nào sau đây là ĐÚNG về việc sử dụng bộ chọn định danh (ID selector)?</p> <ul> <li>A. Một phần tử HTML có thể có nhiều ID.</li> <li>B. Nhiều phần tử HTML có thể có cùng một ID.</li> <li><strong>C. Mỗi giá trị ID chỉ nên được sử dụng cho một phần tử duy nhất trên một trang.</strong></li> <li>D. ID selector có độ ưu tiên thấp hơn Class selector.</li> </ul> </div> <div class="question-block"> <p>Câu 17: Bạn đang thiết kế một trang web và muốn các tiêu đề cấp 2 (`</p> <h2>`) có màu xanh lá cây, nhưng chỉ những tiêu đề cấp 2 nào có lớp `chu_nghieng` thì mới có thêm kiểu chữ nghiêng. Bạn cần viết quy tắc CSS cho bộ chọn nào để đạt được hiệu quả này?</p> <ul> <li>A. Chỉ cần quy tắc cho bộ chọn `h2`.</li> <li>B. Chỉ cần quy tắc cho bộ chọn `.chu_nghieng`.</li> <li>C. Chỉ cần quy tắc cho bộ chọn `h2.chu_nghieng`.</li> <li><strong>D. Cần quy tắc cho bộ chọn `h2` và quy tắc cho bộ chọn `h2.chu_nghieng`.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 18: Cho đoạn mã CSS: `.hop { border: 1px solid black; }` và `#hop_dac_biet { background-color: yellow; }`. Nếu một phần tử HTML có cả `id="hop_dac_biet"` và `class="hop"`, phần tử đó sẽ có định dạng gì?</p> <ul> <li><strong>A. Có đường viền đen và nền vàng.</strong></li> <li>B. Chỉ có đường viền đen (vì class ưu tiên hơn ID).</li> <li>C. Chỉ có nền vàng (vì ID ưu tiên hơn class).</li> <li>D. Không có định dạng nào được áp dụng do xung đột.</li> </ul> </div> <div class="question-block"> <p>Câu 19: Bạn muốn tạo một lớp CSS tên là `canh_giua` để áp dụng kiểu căn giữa cho bất kỳ phần tử nào (đoạn văn, tiêu đề, div...). Cú pháp CSS nào sau đây là đúng và hiệu quả nhất cho mục đích này?</p> <ul> <li>A. #canh_giua { text-align: center; }</li> <li><strong>B. .canh_giua { text-align: center; }</strong></li> <li>C. * .canh_giua { text-align: center; }</li> <li>D. element.canh_giua { text-align: center; }</li> </ul> </div> <div class="question-block"> <p>Câu 20: Khi nào việc sử dụng bộ chọn định danh (ID selector) là CẦN THIẾT hoặc được khuyến khích?</p> <ul> <li><strong>A. Khi cần xác định một phần tử duy nhất để làm điểm neo hoặc thao tác bằng JavaScript.</strong></li> <li>B. Khi bạn muốn áp dụng cùng một kiểu cho hàng chục phần tử.</li> <li>C. Khi bạn muốn tạo các kiểu có thể tái sử dụng trên nhiều trang.</li> <li>D. Khi bạn chỉ muốn thay đổi màu nền của một nhóm các phần tử.</li> </ul> </div> <div class="question-block"> <p>Câu 21: Phân tích đoạn mã HTML và CSS sau: HTML: `</p> <p id="doan1" class="chu_xanh">Đoạn 1</p> <p class="chu_xanh">Đoạn 2</p> <div id="doan3">Đoạn 3</div> <p>`. CSS: `#doan1 { color: red; } .chu_xanh { color: blue; } #doan3 { font-weight: bold; }`. Màu chữ của "Đoạn 1" sẽ là gì?</p> <ul> <li><strong>A. Màu đỏ (red)</strong></li> <li>B. Màu xanh dương (blue)</li> <li>C. Màu đen (mặc định)</li> <li>D. Màu chữ không được định nghĩa rõ ràng.</li> </ul> </div> <div class="question-block"> <p>Câu 22: Phân tích đoạn mã HTML và CSS sau: HTML: `</p> <h1 class="tieu_de">Chào mừng</h1> <p>`. CSS: `.tieu_de { font-size: 24px; } h1 { font-size: 36px; }`. Kích thước chữ của tiêu đề "Chào mừng" sẽ là bao nhiêu?</p> <ul> <li>A. 36px</li> <li><strong>B. 24px</strong></li> <li>C. 60px (tổng của 24 và 36)</li> <li>D. Không xác định được do xung đột.</li> </ul> </div> <div class="question-block"> <p>Câu 23: Bạn muốn tạo một lớp CSS tên là `vien_dam` chỉ áp dụng cho các thẻ `<img>` khi bạn gán lớp đó cho chúng. Cú pháp CSS nào sau đây thực hiện đúng ý đồ này?</p> <ul> <li>A. .vien_dam img { border: 2px solid black; }</li> <li>B. img, .vien_dam { border: 2px solid black; }</li> <li><strong>C. img.vien_dam { border: 2px solid black; }</strong></li> <li>D. img > .vien_dam { border: 2px solid black; }</li> </ul> </div> <div class="question-block"> <p>Câu 24: Khi áp dụng nhiều lớp cho một phần tử HTML, ví dụ: `</p> <div class="lop_A lop_B">...</div> <p>`, thứ tự các tên lớp trong thuộc tính `class` có ảnh hưởng đến việc áp dụng định dạng CSS không?</p> <ul> <li>A. Có, lớp được liệt kê sau cùng sẽ được ưu tiên hơn.</li> <li><strong>B. Không, thứ tự trong thuộc tính `class` không ảnh hưởng.</strong></li> <li>C. Có, lớp được liệt kê đầu tiên sẽ được ưu tiên hơn.</li> <li>D. Chỉ ảnh hưởng khi có xung đột giữa các thuộc tính.</li> </ul> </div> <div class="question-block"> <p>Câu 25: Bạn muốn sử dụng một hình nền cho một phần tử duy nhất trên trang web, ví dụ một khu vực tiêu đề lớn. Loại bộ chọn nào là phù hợp nhất để xác định khu vực này?</p> <ul> <li><strong>A. Bộ chọn định danh (ID selector)</strong></li> <li>B. Bộ chọn lớp (Class selector)</li> <li>C. Bộ chọn phần tử (Element selector)</li> <li>D. Bộ chọn nhóm (Group selector)</li> </ul> </div> <div class="question-block"> <p>Câu 26: Cho đoạn CSS: `.khung { border: 1px solid black; }` và `.khung.mau_xanh { border-color: blue; }`. Nếu một phần tử có `class="khung mau_xanh"`, màu đường viền của nó sẽ là gì?</p> <ul> <li>A. Màu đen (black)</li> <li>B. Màu đỏ (red - sai)</li> <li><strong>C. Màu xanh dương (blue)</strong></li> <li>D. Không có đường viền.</li> </ul> </div> <div class="question-block"> <p>Câu 27: Bạn muốn tạo một quy tắc CSS áp dụng cho tất cả các thẻ `<button>` và tất cả các thẻ `<input type="submit">`. Loại bộ chọn nào (trong phạm vi bài học này) có thể giúp nhóm chúng lại để áp dụng cùng một kiểu?</p> <ul> <li>A. Bộ chọn định danh (ID selector)</li> <li><strong>B. Bộ chọn lớp (Class selector)</strong></li> <li>C. Bộ chọn con (Descendant selector)</li> <li>D. Bộ chọn anh em (Sibling selector)</li> </ul> </div> <div class="question-block"> <p>Câu 28: Khi nào việc sử dụng một bộ chọn định danh (ID selector) có thể dẫn đến các vấn đề về khả năng tái sử dụng mã CSS?</p> <ul> <li>A. Khi tên ID quá dài.</li> <li>B. Khi ID chứa dấu gạch ngang.</li> <li>C. Khi bạn cần áp dụng kiểu cho một phần tử rất cụ thể.</li> <li><strong>D. Khi bạn định nghĩa nhiều kiểu bằng ID thay vì Class cho các phần tử có thể lặp lại.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 29: Giả sử bạn có một khối nội dung chính trên trang và muốn nó có chiều rộng cố định, căn giữa trang và có một đường viền. Việc sử dụng `id="noi_dung_chinh"` và định nghĩa quy tắc CSS cho `#noi_dung_chinh` là một lựa chọn hợp lý. Tại sao?</p> <ul> <li><strong>A. Vì khối nội dung chính thường là một phần tử duy nhất trên trang.</strong></li> <li>B. Vì ID selector có độ ưu tiên thấp, tránh ghi đè các quy tắc khác.</li> <li>C. Vì bạn có thể áp dụng cùng một ID cho nhiều khối nội dung trên cùng một trang.</li> <li>D. Vì ID selector chỉ có thể định dạng các thuộc tính bố cục như chiều rộng, lề.</li> </ul> </div> <div class="question-block"> <p>Câu 30: Bạn thiết kế một form nhập liệu và muốn tất cả các ô nhập văn bản (`<input type="text">`) và ô textarea (`<textarea>`) có cùng kiểu đường viền và màu nền. Sử dụng bộ chọn lớp là phương pháp hiệu quả nhất. Bạn sẽ làm thế nào?</p> <ul> <li>A. Tạo một ID cho mỗi ô nhập liệu và định nghĩa kiểu cho từng ID.</li> <li><strong>B. Tạo một lớp CSS và gán lớp đó cho tất cả các ô nhập liệu cần định dạng.</strong></li> <li>C. Sử dụng bộ chọn phần tử `input, textarea` và định nghĩa kiểu.</li> <li>D. Sử dụng bộ chọn con để chọn các ô nhập liệu nằm trong form.</li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='35216'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-10-bo-chon-lop-bo-chon-dinh-danh-canh-dieu/'/> <input type='hidden' name='ays_quiz_questions' value='1051246,1051247,1051248,1051249,1051250,1051251,1051252,1051253,1051254,1051255,1051256,1051257,1051258,1051259,1051260,1051261,1051262,1051263,1051264,1051265,1051266,1051267,1051268,1051269,1051270,1051271,1051272,1051273,1051274,1051275'> </div> </div><div class='step ' data-question-id='1051246' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Trong CSS, cú pháp nào sau đây được sử dụng để khai báo một bộ chọn lớp (class selector) có tên là `chu_do` và đặt màu chữ thành màu đỏ?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051246]' id='ays-answer-4212841-35216' value='4212841'/> <label for='ays-answer-4212841-35216' class=' ays_position_initial ays-quiz-keyboard-label'>#chu_do { color: red; }</label><label for='ays-answer-4212841-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051246]' id='ays-answer-4212842-35216' value='4212842'/> <label for='ays-answer-4212842-35216' class=' ays_position_initial ays-quiz-keyboard-label'>.chu_do { color: red; }</label><label for='ays-answer-4212842-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051246]' id='ays-answer-4212843-35216' value='4212843'/> <label for='ays-answer-4212843-35216' class=' ays_position_initial ays-quiz-keyboard-label'>chu_do { color: red; }</label><label for='ays-answer-4212843-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051246]' id='ays-answer-4212844-35216' value='4212844'/> <label for='ays-answer-4212844-35216' class=' ays_position_initial ays-quiz-keyboard-label'>*chu_do { color: red; }</label><label for='ays-answer-4212844-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051246'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg0MSI6IjAiLCI0MjEyODQyIjoiMSIsIjQyMTI4NDMiOiIwIiwiNDIxMjg0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp trong CSS bắt đầu bằng dấu chấm (.), theo sau là tên lớp, rồi đến khối khai báo thuộc tính đặt trong dấu ngoặc nhọn {}. Đáp án đúng tuân thủ cú pháp này để đặt màu chữ (color) là red.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051247' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Để áp dụng định dạng CSS cho một phần tử HTML duy nhất có thuộc tính `id` là `tieu_de_chinh`, bạn nên sử dụng loại bộ chọn nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051247]' id='ays-answer-4212845-35216' value='4212845'/> <label for='ays-answer-4212845-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID selector)</label><label for='ays-answer-4212845-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051247]' id='ays-answer-4212846-35216' value='4212846'/> <label for='ays-answer-4212846-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class selector)</label><label for='ays-answer-4212846-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051247]' id='ays-answer-4212847-35216' value='4212847'/> <label for='ays-answer-4212847-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử (Element selector)</label><label for='ays-answer-4212847-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051247]' id='ays-answer-4212848-35216' value='4212848'/> <label for='ays-answer-4212848-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn toàn thể (Universal selector)</label><label for='ays-answer-4212848-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051247'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg0NSI6IjEiLCI0MjEyODQ2IjoiMCIsIjQyMTI4NDciOiIwIiwiNDIxMjg0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn định danh (ID selector) được sử dụng để chọn một phần tử HTML duy nhất dựa trên giá trị thuộc tính `id` của nó. Cú pháp bắt đầu bằng dấu thăng (#).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051248' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Cho đoạn mã HTML sau: `</p> <p class='canh_le_phai chu_dam'>Đoạn văn bản này</p> <p>`. Nếu có các quy tắc CSS cho lớp `canh_le_phai` và `chu_dam`, thì đoạn văn bản trong thẻ `</p> <p>` sẽ nhận định dạng từ những bộ chọn nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051248]' id='ays-answer-4212849-35216' value='4212849'/> <label for='ays-answer-4212849-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ từ lớp `canh_le_phai`</label><label for='ays-answer-4212849-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051248]' id='ays-answer-4212850-35216' value='4212850'/> <label for='ays-answer-4212850-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ từ lớp `chu_dam`</label><label for='ays-answer-4212850-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051248]' id='ays-answer-4212851-35216' value='4212851'/> <label for='ays-answer-4212851-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ từ lớp được khai báo sau cùng trong thuộc tính `class`</label><label for='ays-answer-4212851-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051248]' id='ays-answer-4212852-35216' value='4212852'/> <label for='ays-answer-4212852-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Từ cả hai lớp `canh_le_phai` và `chu_dam`</label><label for='ays-answer-4212852-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051248'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg0OSI6IjAiLCI0MjEyODUwIjoiMCIsIjQyMTI4NTEiOiIwIiwiNDIxMjg1MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Khi một phần tử HTML có thuộc tính `class` chứa nhiều tên lớp được phân tách bằng dấu cách, nó sẽ nhận định dạng từ tất cả các bộ chọn lớp tương ứng được định nghĩa trong CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051249' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Bạn muốn tạo một quy tắc CSS chỉ áp dụng cho các thẻ `</p> <p>` có lớp `noi_bat`. Cú pháp CSS nào sau đây là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051249]' id='ays-answer-4212853-35216' value='4212853'/> <label for='ays-answer-4212853-35216' class=' ays_position_initial ays-quiz-keyboard-label'>.noi_bat p { ... }</label><label for='ays-answer-4212853-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051249]' id='ays-answer-4212854-35216' value='4212854'/> <label for='ays-answer-4212854-35216' class=' ays_position_initial ays-quiz-keyboard-label'>p, .noi_bat { ... }</label><label for='ays-answer-4212854-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051249]' id='ays-answer-4212855-35216' value='4212855'/> <label for='ays-answer-4212855-35216' class=' ays_position_initial ays-quiz-keyboard-label'>p.noi_bat { ... }</label><label for='ays-answer-4212855-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051249]' id='ays-answer-4212856-35216' value='4212856'/> <label for='ays-answer-4212856-35216' class=' ays_position_initial ays-quiz-keyboard-label'>p > .noi_bat { ... }</label><label for='ays-answer-4212856-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051249'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg1MyI6IjAiLCI0MjEyODU0IjoiMCIsIjQyMTI4NTUiOiIxIiwiNDIxMjg1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để kết hợp bộ chọn phần tử (thẻ `</p> <p>`) và bộ chọn lớp (`.noi_bat`) sao cho quy tắc chỉ áp dụng cho các thẻ `</p> <p>` thuộc lớp đó, ta viết liền tên phần tử và tên bộ chọn lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051250' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Điểm khác biệt cơ bản nhất giữa bộ chọn lớp (class selector) và bộ chọn định danh (ID selector) trong CSS là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051250]' id='ays-answer-4212857-35216' value='4212857'/> <label for='ays-answer-4212857-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Cú pháp khai báo (dấu chấm vs dấu thăng)</label><label for='ays-answer-4212857-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051250]' id='ays-answer-4212858-35216' value='4212858'/> <label for='ays-answer-4212858-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Số lượng phần tử mà bộ chọn có thể áp dụng</label><label for='ays-answer-4212858-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051250]' id='ays-answer-4212859-35216' value='4212859'/> <label for='ays-answer-4212859-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Các thuộc tính CSS mà chúng có thể định dạng</label><label for='ays-answer-4212859-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051250]' id='ays-answer-4212860-35216' value='4212860'/> <label for='ays-answer-4212860-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Thứ tự ưu tiên khi có xung đột quy tắc</label><label for='ays-answer-4212860-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051250'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg1NyI6IjAiLCI0MjEyODU4IjoiMSIsIjQyMTI4NTkiOiIwIiwiNDIxMjg2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>ID selector được thiết kế để áp dụng cho một phần tử duy nhất trên trang (giá trị ID là duy nhất), trong khi class selector có thể được áp dụng cho nhiều phần tử khác nhau.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051251' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Giả sử bạn có đoạn HTML sau: `</p> <div id='khung_chinh'>Nội dung</div> <p>`. Bạn muốn đặt chiều rộng của khung này là 500px và màu nền là xám. Cú pháp CSS nào sau đây là đúng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051251]' id='ays-answer-4212861-35216' value='4212861'/> <label for='ays-answer-4212861-35216' class=' ays_position_initial ays-quiz-keyboard-label'>#khung_chinh { width: 500px; background-color: gray; }</label><label for='ays-answer-4212861-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051251]' id='ays-answer-4212862-35216' value='4212862'/> <label for='ays-answer-4212862-35216' class=' ays_position_initial ays-quiz-keyboard-label'>.khung_chinh { width: 500px; background-color: gray; }</label><label for='ays-answer-4212862-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051251]' id='ays-answer-4212863-35216' value='4212863'/> <label for='ays-answer-4212863-35216' class=' ays_position_initial ays-quiz-keyboard-label'>div#khung_chinh { width: 500px; background-color: gray; }</label><label for='ays-answer-4212863-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051251]' id='ays-answer-4212864-35216' value='4212864'/> <label for='ays-answer-4212864-35216' class=' ays_position_initial ays-quiz-keyboard-label'>khung_chinh { width: 500px; background-color: gray; }</label><label for='ays-answer-4212864-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051251'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg2MSI6IjEiLCI0MjEyODYyIjoiMCIsIjQyMTI4NjMiOiIwIiwiNDIxMjg2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn một phần tử bằng ID, ta sử dụng cú pháp `#tên_id`. Thuộc tính để đặt chiều rộng là `width` và màu nền là `background-color`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051252' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Bạn muốn tất cả các phần tử có lớp `canh_giua` được căn giữa nội dung. Thuộc tính CSS nào cần sử dụng trong quy tắc cho lớp này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051252]' id='ays-answer-4212865-35216' value='4212865'/> <label for='ays-answer-4212865-35216' class=' ays_position_initial ays-quiz-keyboard-label'>align: center;</label><label for='ays-answer-4212865-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051252]' id='ays-answer-4212866-35216' value='4212866'/> <label for='ays-answer-4212866-35216' class=' ays_position_initial ays-quiz-keyboard-label'>vertical-align: middle;</label><label for='ays-answer-4212866-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051252]' id='ays-answer-4212867-35216' value='4212867'/> <label for='ays-answer-4212867-35216' class=' ays_position_initial ays-quiz-keyboard-label'>text-align: center;</label><label for='ays-answer-4212867-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051252]' id='ays-answer-4212868-35216' value='4212868'/> <label for='ays-answer-4212868-35216' class=' ays_position_initial ays-quiz-keyboard-label'>margin: auto;</label><label for='ays-answer-4212868-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051252'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg2NSI6IjAiLCI0MjEyODY2IjoiMCIsIjQyMTI4NjciOiIxIiwiNDIxMjg2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `text-align` được sử dụng để căn chỉnh văn bản bên trong một phần tử. Giá trị `center` sẽ căn giữa nội dung.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051253' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Điều nào sau đây là SAI khi nói về tên của bộ chọn lớp và bộ chọn định danh trong CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051253]' id='ays-answer-4212869-35216' value='4212869'/> <label for='ays-answer-4212869-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Tên có thể chứa chữ cái (a-z, A-Z).</label><label for='ays-answer-4212869-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051253]' id='ays-answer-4212870-35216' value='4212870'/> <label for='ays-answer-4212870-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Tên có thể chứa dấu gạch ngang (-).</label><label for='ays-answer-4212870-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051253]' id='ays-answer-4212871-35216' value='4212871'/> <label for='ays-answer-4212871-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Tên có thể chứa dấu gạch dưới (_).</label><label for='ays-answer-4212871-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051253]' id='ays-answer-4212872-35216' value='4212872'/> <label for='ays-answer-4212872-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Tên có thể bắt đầu bằng một chữ số.</label><label for='ays-answer-4212872-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051253'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg2OSI6IjAiLCI0MjEyODcwIjoiMCIsIjQyMTI4NzEiOiIwIiwiNDIxMjg3MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Tên của bộ chọn (cả class và ID) không được bắt đầu bằng số. Chúng có thể chứa chữ cái, số, dấu gạch ngang (-) và dấu gạch dưới (_).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051254' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Giả sử bạn có đoạn HTML: `</p> <div class='hop_thoai'>...</div> <p>`. Bạn muốn thêm một lớp khác tên là `bao_loi` vào cùng phần tử `div` này để định dạng thêm khi có lỗi. Cú pháp HTML đúng để thêm lớp `bao_loi` là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051254]' id='ays-answer-4212873-35216' value='4212873'/> <label for='ays-answer-4212873-35216' class=' ays_position_initial ays-quiz-keyboard-label'><div class='hop_thoai, bao_loi'>...</div></label><label for='ays-answer-4212873-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051254]' id='ays-answer-4212874-35216' value='4212874'/> <label for='ays-answer-4212874-35216' class=' ays_position_initial ays-quiz-keyboard-label'><div class='hop_thoai bao_loi'>...</div></label><label for='ays-answer-4212874-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051254]' id='ays-answer-4212875-35216' value='4212875'/> <label for='ays-answer-4212875-35216' class=' ays_position_initial ays-quiz-keyboard-label'><div class='hop_thoai' class='bao_loi'>...</div></label><label for='ays-answer-4212875-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051254]' id='ays-answer-4212876-35216' value='4212876'/> <label for='ays-answer-4212876-35216' class=' ays_position_initial ays-quiz-keyboard-label'><div classes='hop_thoai bao_loi'>...</div></label><label for='ays-answer-4212876-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051254'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg3MyI6IjAiLCI0MjEyODc0IjoiMSIsIjQyMTI4NzUiOiIwIiwiNDIxMjg3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng nhiều lớp cho một phần tử HTML, ta liệt kê các tên lớp trong thuộc tính `class`, cách nhau bằng dấu cách.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051255' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Nếu bạn có quy tắc CSS `.nut_bam { color: blue; }` và `#nut_dong { color: red; }`, và một phần tử HTML `<button id='nut_dong' class='nut_bam'>Đóng</button>`. Màu chữ hiển thị của nút này sẽ là gì? (Giả sử không có quy tắc CSS nào khác ảnh hưởng).</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051255]' id='ays-answer-4212877-35216' value='4212877'/> <label for='ays-answer-4212877-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đỏ (red)</label><label for='ays-answer-4212877-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051255]' id='ays-answer-4212878-35216' value='4212878'/> <label for='ays-answer-4212878-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh dương (blue)</label><label for='ays-answer-4212878-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051255]' id='ays-answer-4212879-35216' value='4212879'/> <label for='ays-answer-4212879-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Màu tím (sự kết hợp của xanh và đỏ)</label><label for='ays-answer-4212879-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051255]' id='ays-answer-4212880-35216' value='4212880'/> <label for='ays-answer-4212880-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Không xác định được, tùy thuộc trình duyệt</label><label for='ays-answer-4212880-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051255'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg3NyI6IjEiLCI0MjEyODc4IjoiMCIsIjQyMTI4NzkiOiIwIiwiNDIxMjg4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Trong CSS, ID selector có độ ưu tiên cao hơn Class selector. Khi có xung đột quy tắc định dạng cho cùng một thuộc tính trên cùng một phần tử, quy tắc từ bộ chọn có độ ưu tiên cao hơn sẽ được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051256' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Bạn muốn áp dụng một kiểu đường viền (border) cho tất cả các phần tử `<input>` có lớp `nhap_lieu`. Cú pháp CSS nào sau đây mô tả đúng ý đồ này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051256]' id='ays-answer-4212881-35216' value='4212881'/> <label for='ays-answer-4212881-35216' class=' ays_position_initial ays-quiz-keyboard-label'>.nhap_lieu, input { border: 1px solid black; }</label><label for='ays-answer-4212881-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051256]' id='ays-answer-4212882-35216' value='4212882'/> <label for='ays-answer-4212882-35216' class=' ays_position_initial ays-quiz-keyboard-label'>input .nhap_lieu { border: 1px solid black; }</label><label for='ays-answer-4212882-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051256]' id='ays-answer-4212883-35216' value='4212883'/> <label for='ays-answer-4212883-35216' class=' ays_position_initial ays-quiz-keyboard-label'>input > .nhap_lieu { border: 1px solid black; }</label><label for='ays-answer-4212883-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051256]' id='ays-answer-4212884-35216' value='4212884'/> <label for='ays-answer-4212884-35216' class=' ays_position_initial ays-quiz-keyboard-label'>input.nhap_lieu { border: 1px solid black; }</label><label for='ays-answer-4212884-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051256'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg4MSI6IjAiLCI0MjEyODgyIjoiMCIsIjQyMTI4ODMiOiIwIiwiNDIxMjg4NCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để kết hợp bộ chọn phần tử và bộ chọn lớp, ta viết tên phần tử liền với tên bộ chọn lớp (bắt đầu bằng dấu chấm).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051257' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Khi nào thì việc sử dụng bộ chọn lớp (class selector) là phù hợp hơn so với bộ chọn định danh (ID selector)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051257]' id='ays-answer-4212885-35216' value='4212885'/> <label for='ays-answer-4212885-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn muốn định dạng một phần tử duy nhất trên trang.</label><label for='ays-answer-4212885-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051257]' id='ays-answer-4212886-35216' value='4212886'/> <label for='ays-answer-4212886-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn cần một bộ chọn có độ ưu tiên cao nhất.</label><label for='ays-answer-4212886-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051257]' id='ays-answer-4212887-35216' value='4212887'/> <label for='ays-answer-4212887-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn muốn áp dụng cùng một kiểu định dạng cho nhiều phần tử khác nhau.</label><label for='ays-answer-4212887-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051257]' id='ays-answer-4212888-35216' value='4212888'/> <label for='ays-answer-4212888-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn cần chọn một phần tử dựa trên vị trí của nó trong cây DOM.</label><label for='ays-answer-4212888-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051257'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg4NSI6IjAiLCI0MjEyODg2IjoiMCIsIjQyMTI4ODciOiIxIiwiNDIxMjg4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp được thiết kế để áp dụng cùng một kiểu định dạng cho nhiều phần tử khác nhau hoặc nhiều lần trên cùng một trang. Bộ chọn định danh chỉ nên dùng cho phần tử duy nhất.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051258' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Đoạn mã HTML: `<span id='thong_bao'>Thông báo</span>`. Bạn muốn thay đổi kích thước chữ của đoạn văn bản này thành 18px. Thuộc tính CSS nào cần sử dụng trong quy tắc cho ID `thong_bao`?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051258]' id='ays-answer-4212889-35216' value='4212889'/> <label for='ays-answer-4212889-35216' class=' ays_position_initial ays-quiz-keyboard-label'>text-size: 18px;</label><label for='ays-answer-4212889-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051258]' id='ays-answer-4212890-35216' value='4212890'/> <label for='ays-answer-4212890-35216' class=' ays_position_initial ays-quiz-keyboard-label'>font-size: 18px;</label><label for='ays-answer-4212890-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051258]' id='ays-answer-4212891-35216' value='4212891'/> <label for='ays-answer-4212891-35216' class=' ays_position_initial ays-quiz-keyboard-label'>text-scale: 18px;</label><label for='ays-answer-4212891-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051258]' id='ays-answer-4212892-35216' value='4212892'/> <label for='ays-answer-4212892-35216' class=' ays_position_initial ays-quiz-keyboard-label'>font-weight: 18px;</label><label for='ays-answer-4212892-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051258'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg4OSI6IjAiLCI0MjEyODkwIjoiMSIsIjQyMTI4OTEiOiIwIiwiNDIxMjg5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `font-size` được sử dụng để thay đổi kích thước phông chữ của phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051259' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Giả sử bạn có tệp CSS ngoại tên là `style.css` và muốn liên kết nó với tệp HTML của mình. Bạn sẽ đặt thẻ `<link>` với các thuộc tính thích hợp ở đâu trong tệp HTML?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051259]' id='ays-answer-4212893-35216' value='4212893'/> <label for='ays-answer-4212893-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Trong phần `<head>`</label><label for='ays-answer-4212893-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051259]' id='ays-answer-4212894-35216' value='4212894'/> <label for='ays-answer-4212894-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Trong phần `<body>`</label><label for='ays-answer-4212894-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051259]' id='ays-answer-4212895-35216' value='4212895'/> <label for='ays-answer-4212895-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Ở cuối phần `<body>`</label><label for='ays-answer-4212895-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051259]' id='ays-answer-4212896-35216' value='4212896'/> <label for='ays-answer-4212896-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Ngay sau thẻ `<html>` mở đầu</label><label for='ays-answer-4212896-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051259'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg5MyI6IjEiLCI0MjEyODk0IjoiMCIsIjQyMTI4OTUiOiIwIiwiNDIxMjg5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thẻ `<link>` dùng để liên kết các tài nguyên bên ngoài, như tệp CSS, vào tài liệu HTML. Nó được đặt trong phần `<head>` của tài liệu.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051260' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Bạn có quy tắc CSS sau: `.hop_thong_tin { padding: 10px; border: 1px solid blue; }`. Nếu bạn áp dụng lớp `hop_thong_tin` cho một thẻ `</p> <div>`, kết quả hiển thị sẽ như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051260]' id='ays-answer-4212897-35216' value='4212897'/> <label for='ays-answer-4212897-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có đường viền màu xanh dương.</label><label for='ays-answer-4212897-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051260]' id='ays-answer-4212898-35216' value='4212898'/> <label for='ays-answer-4212898-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có khoảng đệm 10px bên ngoài đường viền.</label><label for='ays-answer-4212898-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051260]' id='ays-answer-4212899-35216' value='4212899'/> <label for='ays-answer-4212899-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Khoảng đệm 10px bên trong và đường viền màu đỏ.</label><label for='ays-answer-4212899-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051260]' id='ays-answer-4212900-35216' value='4212900'/> <label for='ays-answer-4212900-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Khoảng đệm 10px bên trong và đường viền màu xanh dương.</label><label for='ays-answer-4212900-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051260'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjg5NyI6IjAiLCI0MjEyODk4IjoiMCIsIjQyMTI4OTkiOiIwIiwiNDIxMjkwMCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thuộc tính `padding` tạo khoảng đệm bên trong đường viền của phần tử. Thuộc tính `border` tạo đường viền quanh phần tử. Quy tắc này sẽ thêm khoảng đệm 10px và đường viền xanh dương 1px cho phần tử có lớp `hop_thong_tin`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051261' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Điều nào sau đây là ĐÚNG về việc sử dụng bộ chọn định danh (ID selector)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051261]' id='ays-answer-4212901-35216' value='4212901'/> <label for='ays-answer-4212901-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Một phần tử HTML có thể có nhiều ID.</label><label for='ays-answer-4212901-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051261]' id='ays-answer-4212902-35216' value='4212902'/> <label for='ays-answer-4212902-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Nhiều phần tử HTML có thể có cùng một ID.</label><label for='ays-answer-4212902-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051261]' id='ays-answer-4212903-35216' value='4212903'/> <label for='ays-answer-4212903-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Mỗi giá trị ID chỉ nên được sử dụng cho một phần tử duy nhất trên một trang.</label><label for='ays-answer-4212903-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051261]' id='ays-answer-4212904-35216' value='4212904'/> <label for='ays-answer-4212904-35216' class=' ays_position_initial ays-quiz-keyboard-label'>ID selector có độ ưu tiên thấp hơn Class selector.</label><label for='ays-answer-4212904-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051261'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjkwMSI6IjAiLCI0MjEyOTAyIjoiMCIsIjQyMTI5MDMiOiIxIiwiNDIxMjkwNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Theo chuẩn HTML và mục đích của ID, mỗi giá trị ID chỉ nên được sử dụng một lần duy nhất trong một tài liệu HTML để xác định một phần tử cụ thể.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051262' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Bạn đang thiết kế một trang web và muốn các tiêu đề cấp 2 (`</p> <h2>`) có màu xanh lá cây, nhưng chỉ những tiêu đề cấp 2 nào có lớp `chu_nghieng` thì mới có thêm kiểu chữ nghiêng. Bạn cần viết quy tắc CSS cho bộ chọn nào để đạt được hiệu quả này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051262]' id='ays-answer-4212905-35216' value='4212905'/> <label for='ays-answer-4212905-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần quy tắc cho bộ chọn `h2`.</label><label for='ays-answer-4212905-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051262]' id='ays-answer-4212906-35216' value='4212906'/> <label for='ays-answer-4212906-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần quy tắc cho bộ chọn `.chu_nghieng`.</label><label for='ays-answer-4212906-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051262]' id='ays-answer-4212907-35216' value='4212907'/> <label for='ays-answer-4212907-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ cần quy tắc cho bộ chọn `h2.chu_nghieng`.</label><label for='ays-answer-4212907-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051262]' id='ays-answer-4212908-35216' value='4212908'/> <label for='ays-answer-4212908-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Cần quy tắc cho bộ chọn `h2` và quy tắc cho bộ chọn `h2.chu_nghieng`.</label><label for='ays-answer-4212908-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051262'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjkwNSI6IjAiLCI0MjEyOTA2IjoiMCIsIjQyMTI5MDciOiIwIiwiNDIxMjkwOCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Cần hai quy tắc CSS riêng biệt. Một cho tất cả thẻ `</p> <h2>` để đặt màu chữ, và một quy tắc kết hợp bộ chọn phần tử `h2` và bộ chọn lớp `.chu_nghieng` để chỉ áp dụng kiểu chữ nghiêng cho các thẻ `</p> <h2>` có lớp đó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051263' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Cho đoạn mã CSS: `.hop { border: 1px solid black; }` và `#hop_dac_biet { background-color: yellow; }`. Nếu một phần tử HTML có cả `id='hop_dac_biet'` và `class='hop'`, phần tử đó sẽ có định dạng gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051263]' id='ays-answer-4212909-35216' value='4212909'/> <label for='ays-answer-4212909-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Có đường viền đen và nền vàng.</label><label for='ays-answer-4212909-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051263]' id='ays-answer-4212910-35216' value='4212910'/> <label for='ays-answer-4212910-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có đường viền đen (vì class ưu tiên hơn ID).</label><label for='ays-answer-4212910-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051263]' id='ays-answer-4212911-35216' value='4212911'/> <label for='ays-answer-4212911-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có nền vàng (vì ID ưu tiên hơn class).</label><label for='ays-answer-4212911-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051263]' id='ays-answer-4212912-35216' value='4212912'/> <label for='ays-answer-4212912-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Không có định dạng nào được áp dụng do xung đột.</label><label for='ays-answer-4212912-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051263'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjkwOSI6IjEiLCI0MjEyOTEwIjoiMCIsIjQyMTI5MTEiOiIwIiwiNDIxMjkxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>ID selector (`#hop_dac_biet`) và Class selector (`.hop`) định dạng các thuộc tính khác nhau (`background-color` và `border`). Cả hai quy tắc sẽ được áp dụng cho phần tử đó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051264' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Bạn muốn tạo một lớp CSS tên là `canh_giua` để áp dụng kiểu căn giữa cho bất kỳ phần tử nào (đoạn văn, tiêu đề, div...). Cú pháp CSS nào sau đây là đúng và hiệu quả nhất cho mục đích này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051264]' id='ays-answer-4212913-35216' value='4212913'/> <label for='ays-answer-4212913-35216' class=' ays_position_initial ays-quiz-keyboard-label'>#canh_giua { text-align: center; }</label><label for='ays-answer-4212913-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051264]' id='ays-answer-4212914-35216' value='4212914'/> <label for='ays-answer-4212914-35216' class=' ays_position_initial ays-quiz-keyboard-label'>.canh_giua { text-align: center; }</label><label for='ays-answer-4212914-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051264]' id='ays-answer-4212915-35216' value='4212915'/> <label for='ays-answer-4212915-35216' class=' ays_position_initial ays-quiz-keyboard-label'>* .canh_giua { text-align: center; }</label><label for='ays-answer-4212915-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051264]' id='ays-answer-4212916-35216' value='4212916'/> <label for='ays-answer-4212916-35216' class=' ays_position_initial ays-quiz-keyboard-label'>element.canh_giua { text-align: center; }</label><label for='ays-answer-4212916-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051264'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjkxMyI6IjAiLCI0MjEyOTE0IjoiMSIsIjQyMTI5MTUiOiIwIiwiNDIxMjkxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp (class selector) được thiết kế để áp dụng cho bất kỳ phần tử nào bạn gán lớp đó vào. Cú pháp `.tên_lớp { thuộc tính: giá trị; }` là cách chuẩn để định nghĩa kiểu cho một lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051265' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Khi nào việc sử dụng bộ chọn định danh (ID selector) là CẦN THIẾT hoặc được khuyến khích?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051265]' id='ays-answer-4212917-35216' value='4212917'/> <label for='ays-answer-4212917-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Khi cần xác định một phần tử duy nhất để làm điểm neo hoặc thao tác bằng JavaScript.</label><label for='ays-answer-4212917-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051265]' id='ays-answer-4212918-35216' value='4212918'/> <label for='ays-answer-4212918-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn muốn áp dụng cùng một kiểu cho hàng chục phần tử.</label><label for='ays-answer-4212918-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051265]' id='ays-answer-4212919-35216' value='4212919'/> <label for='ays-answer-4212919-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn muốn tạo các kiểu có thể tái sử dụng trên nhiều trang.</label><label for='ays-answer-4212919-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051265]' id='ays-answer-4212920-35216' value='4212920'/> <label for='ays-answer-4212920-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn chỉ muốn thay đổi màu nền của một nhóm các phần tử.</label><label for='ays-answer-4212920-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051265'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjkxNyI6IjEiLCI0MjEyOTE4IjoiMCIsIjQyMTI5MTkiOiIwIiwiNDIxMjkyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>ID được sử dụng để xác định một phần tử duy nhất trên trang, thường dùng làm điểm neo liên kết (ví dụ: `<a href='#phan_cuoi'>`) hoặc để thao tác với phần tử đó bằng JavaScript một cách hiệu quả.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051266' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Phân tích đoạn mã HTML và CSS sau: HTML: `</p> <p id='doan1' class='chu_xanh'>Đoạn 1</p> <p class='chu_xanh'>Đoạn 2</p> <div id='doan3'>Đoạn 3</div> <p>`. CSS: `#doan1 { color: red; } .chu_xanh { color: blue; } #doan3 { font-weight: bold; }`. Màu chữ của 'Đoạn 1' sẽ là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051266]' id='ays-answer-4212921-35216' value='4212921'/> <label for='ays-answer-4212921-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đỏ (red)</label><label for='ays-answer-4212921-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051266]' id='ays-answer-4212922-35216' value='4212922'/> <label for='ays-answer-4212922-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh dương (blue)</label><label for='ays-answer-4212922-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051266]' id='ays-answer-4212923-35216' value='4212923'/> <label for='ays-answer-4212923-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đen (mặc định)</label><label for='ays-answer-4212923-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051266]' id='ays-answer-4212924-35216' value='4212924'/> <label for='ays-answer-4212924-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Màu chữ không được định nghĩa rõ ràng.</label><label for='ays-answer-4212924-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051266'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjkyMSI6IjEiLCI0MjEyOTIyIjoiMCIsIjQyMTI5MjMiOiIwIiwiNDIxMjkyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Phần tử `</p> <p id='doan1' class='chu_xanh'>` được chọn bởi cả ID selector `#doan1` và Class selector `.chu_xanh`. ID selector có độ ưu tiên cao hơn Class selector, nên quy tắc `color: red;` từ `#doan1` sẽ được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051267' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Phân tích đoạn mã HTML và CSS sau: HTML: `</p> <h1 class='tieu_de'>Chào mừng</h1> <p>`. CSS: `.tieu_de { font-size: 24px; } h1 { font-size: 36px; }`. Kích thước chữ của tiêu đề 'Chào mừng' sẽ là bao nhiêu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051267]' id='ays-answer-4212925-35216' value='4212925'/> <label for='ays-answer-4212925-35216' class=' ays_position_initial ays-quiz-keyboard-label'>36px</label><label for='ays-answer-4212925-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051267]' id='ays-answer-4212926-35216' value='4212926'/> <label for='ays-answer-4212926-35216' class=' ays_position_initial ays-quiz-keyboard-label'>24px</label><label for='ays-answer-4212926-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051267]' id='ays-answer-4212927-35216' value='4212927'/> <label for='ays-answer-4212927-35216' class=' ays_position_initial ays-quiz-keyboard-label'>60px (tổng của 24 và 36)</label><label for='ays-answer-4212927-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051267]' id='ays-answer-4212928-35216' value='4212928'/> <label for='ays-answer-4212928-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Không xác định được do xung đột.</label><label for='ays-answer-4212928-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051267'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjkyNSI6IjAiLCI0MjEyOTI2IjoiMSIsIjQyMTI5MjciOiIwIiwiNDIxMjkyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Phần tử `</p> <h1>` được chọn bởi cả Element selector `h1` và Class selector `.tieu_de`. Class selector có độ ưu tiên cao hơn Element selector, nên quy tắc `font-size: 24px;` từ `.tieu_de` sẽ được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051268' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Bạn muốn tạo một lớp CSS tên là `vien_dam` chỉ áp dụng cho các thẻ `<img>` khi bạn gán lớp đó cho chúng. Cú pháp CSS nào sau đây thực hiện đúng ý đồ này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051268]' id='ays-answer-4212929-35216' value='4212929'/> <label for='ays-answer-4212929-35216' class=' ays_position_initial ays-quiz-keyboard-label'>.vien_dam img { border: 2px solid black; }</label><label for='ays-answer-4212929-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051268]' id='ays-answer-4212930-35216' value='4212930'/> <label for='ays-answer-4212930-35216' class=' ays_position_initial ays-quiz-keyboard-label'>img, .vien_dam { border: 2px solid black; }</label><label for='ays-answer-4212930-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051268]' id='ays-answer-4212931-35216' value='4212931'/> <label for='ays-answer-4212931-35216' class=' ays_position_initial ays-quiz-keyboard-label'>img.vien_dam { border: 2px solid black; }</label><label for='ays-answer-4212931-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051268]' id='ays-answer-4212932-35216' value='4212932'/> <label for='ays-answer-4212932-35216' class=' ays_position_initial ays-quiz-keyboard-label'>img > .vien_dam { border: 2px solid black; }</label><label for='ays-answer-4212932-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051268'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjkyOSI6IjAiLCI0MjEyOTMwIjoiMCIsIjQyMTI5MzEiOiIxIiwiNDIxMjkzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để giới hạn bộ chọn lớp chỉ áp dụng cho một loại phần tử cụ thể, ta viết tên phần tử liền với tên bộ chọn lớp (bắt đầu bằng dấu chấm).</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051269' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Khi áp dụng nhiều lớp cho một phần tử HTML, ví dụ: `</p> <div class='lop_A lop_B'>...</div> <p>`, thứ tự các tên lớp trong thuộc tính `class` có ảnh hưởng đến việc áp dụng định dạng CSS không?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051269]' id='ays-answer-4212933-35216' value='4212933'/> <label for='ays-answer-4212933-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Có, lớp được liệt kê sau cùng sẽ được ưu tiên hơn.</label><label for='ays-answer-4212933-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051269]' id='ays-answer-4212934-35216' value='4212934'/> <label for='ays-answer-4212934-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Không, thứ tự trong thuộc tính `class` không ảnh hưởng.</label><label for='ays-answer-4212934-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051269]' id='ays-answer-4212935-35216' value='4212935'/> <label for='ays-answer-4212935-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Có, lớp được liệt kê đầu tiên sẽ được ưu tiên hơn.</label><label for='ays-answer-4212935-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051269]' id='ays-answer-4212936-35216' value='4212936'/> <label for='ays-answer-4212936-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ ảnh hưởng khi có xung đột giữa các thuộc tính.</label><label for='ays-answer-4212936-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051269'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjkzMyI6IjAiLCI0MjEyOTM0IjoiMSIsIjQyMTI5MzUiOiIwIiwiNDIxMjkzNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Thứ tự các tên lớp trong thuộc tính `class` của HTML không ảnh hưởng đến việc áp dụng quy tắc CSS. Thứ tự các quy tắc CSS trong tệp CSS (và độ ưu tiên của bộ chọn) mới là yếu tố quyết định khi có xung đột.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051270' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Bạn muốn sử dụng một hình nền cho một phần tử duy nhất trên trang web, ví dụ một khu vực tiêu đề lớn. Loại bộ chọn nào là phù hợp nhất để xác định khu vực này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051270]' id='ays-answer-4212937-35216' value='4212937'/> <label for='ays-answer-4212937-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID selector)</label><label for='ays-answer-4212937-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051270]' id='ays-answer-4212938-35216' value='4212938'/> <label for='ays-answer-4212938-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class selector)</label><label for='ays-answer-4212938-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051270]' id='ays-answer-4212939-35216' value='4212939'/> <label for='ays-answer-4212939-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử (Element selector)</label><label for='ays-answer-4212939-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051270]' id='ays-answer-4212940-35216' value='4212940'/> <label for='ays-answer-4212940-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn nhóm (Group selector)</label><label for='ays-answer-4212940-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051270'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjkzNyI6IjEiLCI0MjEyOTM4IjoiMCIsIjQyMTI5MzkiOiIwIiwiNDIxMjk0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>ID selector được sử dụng để chọn một phần tử duy nhất. Khi bạn muốn định dạng một khu vực độc nhất trên trang, sử dụng ID là cách chuẩn để xác định nó trong HTML và CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051271' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Cho đoạn CSS: `.khung { border: 1px solid black; }` và `.khung.mau_xanh { border-color: blue; }`. Nếu một phần tử có `class='khung mau_xanh'`, màu đường viền của nó sẽ là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051271]' id='ays-answer-4212941-35216' value='4212941'/> <label for='ays-answer-4212941-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đen (black)</label><label for='ays-answer-4212941-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051271]' id='ays-answer-4212942-35216' value='4212942'/> <label for='ays-answer-4212942-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đỏ (red - sai)</label><label for='ays-answer-4212942-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051271]' id='ays-answer-4212943-35216' value='4212943'/> <label for='ays-answer-4212943-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh dương (blue)</label><label for='ays-answer-4212943-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051271]' id='ays-answer-4212944-35216' value='4212944'/> <label for='ays-answer-4212944-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Không có đường viền.</label><label for='ays-answer-4212944-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051271'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjk0MSI6IjAiLCI0MjEyOTQyIjoiMCIsIjQyMTI5NDMiOiIxIiwiNDIxMjk0NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn `.khung.mau_xanh` (kết hợp hai lớp) có độ ưu tiên cao hơn bộ chọn `.khung` (một lớp). Do đó, quy tắc `border-color: blue;` sẽ ghi đè quy tắc `border: 1px solid black;` (trong đó màu mặc định thường là đen) cho thuộc tính màu đường viền.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051272' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Bạn muốn tạo một quy tắc CSS áp dụng cho tất cả các thẻ `<button>` và tất cả các thẻ `<input type='submit'>`. Loại bộ chọn nào (trong phạm vi bài học này) có thể giúp nhóm chúng lại để áp dụng cùng một kiểu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051272]' id='ays-answer-4212945-35216' value='4212945'/> <label for='ays-answer-4212945-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID selector)</label><label for='ays-answer-4212945-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051272]' id='ays-answer-4212946-35216' value='4212946'/> <label for='ays-answer-4212946-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class selector)</label><label for='ays-answer-4212946-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051272]' id='ays-answer-4212947-35216' value='4212947'/> <label for='ays-answer-4212947-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn con (Descendant selector)</label><label for='ays-answer-4212947-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051272]' id='ays-answer-4212948-35216' value='4212948'/> <label for='ays-answer-4212948-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn anh em (Sibling selector)</label><label for='ays-answer-4212948-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051272'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjk0NSI6IjAiLCI0MjEyOTQ2IjoiMSIsIjQyMTI5NDciOiIwIiwiNDIxMjk0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bài học tập trung vào Class và ID. Mặc dù có bộ chọn phần tử và bộ chọn thuộc tính, trong bối cảnh này, cách phổ biến để nhóm các phần tử khác nhau hoặc cùng loại nhưng có đặc điểm riêng để định dạng giống nhau là gán cho chúng cùng một tên lớp và sử dụng bộ chọn lớp.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051273' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Khi nào việc sử dụng một bộ chọn định danh (ID selector) có thể dẫn đến các vấn đề về khả năng tái sử dụng mã CSS?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051273]' id='ays-answer-4212949-35216' value='4212949'/> <label for='ays-answer-4212949-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Khi tên ID quá dài.</label><label for='ays-answer-4212949-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051273]' id='ays-answer-4212950-35216' value='4212950'/> <label for='ays-answer-4212950-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Khi ID chứa dấu gạch ngang.</label><label for='ays-answer-4212950-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051273]' id='ays-answer-4212951-35216' value='4212951'/> <label for='ays-answer-4212951-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn cần áp dụng kiểu cho một phần tử rất cụ thể.</label><label for='ays-answer-4212951-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051273]' id='ays-answer-4212952-35216' value='4212952'/> <label for='ays-answer-4212952-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Khi bạn định nghĩa nhiều kiểu bằng ID thay vì Class cho các phần tử có thể lặp lại.</label><label for='ays-answer-4212952-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051273'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjk0OSI6IjAiLCI0MjEyOTUwIjoiMCIsIjQyMTI5NTEiOiIwIiwiNDIxMjk1MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>ID selector chỉ áp dụng cho một phần tử duy nhất. Nếu bạn định nghĩa nhiều kiểu bằng ID, bạn sẽ khó tái sử dụng các kiểu đó cho các phần tử khác trên cùng trang hoặc trang khác, làm cho mã CSS trở nên cồng kềnh và khó quản lý.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051274' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Giả sử bạn có một khối nội dung chính trên trang và muốn nó có chiều rộng cố định, căn giữa trang và có một đường viền. Việc sử dụng `id='noi_dung_chinh'` và định nghĩa quy tắc CSS cho `#noi_dung_chinh` là một lựa chọn hợp lý. Tại sao?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051274]' id='ays-answer-4212953-35216' value='4212953'/> <label for='ays-answer-4212953-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Vì khối nội dung chính thường là một phần tử duy nhất trên trang.</label><label for='ays-answer-4212953-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051274]' id='ays-answer-4212954-35216' value='4212954'/> <label for='ays-answer-4212954-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Vì ID selector có độ ưu tiên thấp, tránh ghi đè các quy tắc khác.</label><label for='ays-answer-4212954-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051274]' id='ays-answer-4212955-35216' value='4212955'/> <label for='ays-answer-4212955-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Vì bạn có thể áp dụng cùng một ID cho nhiều khối nội dung trên cùng một trang.</label><label for='ays-answer-4212955-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051274]' id='ays-answer-4212956-35216' value='4212956'/> <label for='ays-answer-4212956-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Vì ID selector chỉ có thể định dạng các thuộc tính bố cục như chiều rộng, lề.</label><label for='ays-answer-4212956-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051274'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjk1MyI6IjEiLCI0MjEyOTU0IjoiMCIsIjQyMTI5NTUiOiIwIiwiNDIxMjk1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Khối nội dung chính thường là một phần tử độc nhất trên trang. Sử dụng ID để xác định nó là phù hợp với nguyên tắc sử dụng ID cho các phần tử duy nhất và có độ ưu tiên cao, giúp dễ dàng định dạng bố cục chính xác cho phần tử quan trọng này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1051275' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 09</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Bạn thiết kế một form nhập liệu và muốn tất cả các ô nhập văn bản (`<input type='text'>`) và ô textarea (`<textarea>`) có cùng kiểu đường viền và màu nền. Sử dụng bộ chọn lớp là phương pháp hiệu quả nhất. Bạn sẽ làm thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051275]' id='ays-answer-4212957-35216' value='4212957'/> <label for='ays-answer-4212957-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo một ID cho mỗi ô nhập liệu và định nghĩa kiểu cho từng ID.</label><label for='ays-answer-4212957-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051275]' id='ays-answer-4212958-35216' value='4212958'/> <label for='ays-answer-4212958-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Tạo một lớp CSS và gán lớp đó cho tất cả các ô nhập liệu cần định dạng.</label><label for='ays-answer-4212958-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051275]' id='ays-answer-4212959-35216' value='4212959'/> <label for='ays-answer-4212959-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng bộ chọn phần tử `input, textarea` và định nghĩa kiểu.</label><label for='ays-answer-4212959-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1051275]' id='ays-answer-4212960-35216' value='4212960'/> <label for='ays-answer-4212960-35216' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng bộ chọn con để chọn các ô nhập liệu nằm trong form.</label><label for='ays-answer-4212960-35216' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_35216 === 'undefined'){ window.quizOptions_35216 = []; } window.quizOptions_35216['1051275'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDIxMjk1NyI6IjAiLCI0MjEyOTU4IjoiMSIsIjQyMTI5NTkiOiIwIiwiNDIxMjk2MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng cùng một kiểu cho nhiều loại phần tử khác nhau, cách hiệu quả là tạo một lớp CSS với các kiểu định dạng mong muốn, sau đó gán lớp đó cho tất cả các phần tử `<input type='text'>` và `<textarea>` trong HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-35216 * { box-sizing: border-box; } #ays-quiz-container-35216 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-35216 #ays_finish_quiz_35216 { } /* Styles for Quiz container */ #ays-quiz-container-35216{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-35216 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-35216 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-35216 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-35216 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-35216 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-35216 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-35216 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-35216 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-35216.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-35216.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-35216 #ays_finish_quiz_35216 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-35216.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-35216.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-35216.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-35216.ays-quiz-container .ays-questions-container p, #ays-quiz-container-35216.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-35216.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-35216.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-35216.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-35216.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-35216.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-35216.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-35216.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-35216.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-35216 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-35216 .ays-quiz-password-message-box, #ays-quiz-container-35216 .ays-quiz-question-note-message-box, #ays-quiz-container-35216 .ays_quiz_question, #ays-quiz-container-35216 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-35216 textarea, #ays-quiz-container-35216 input::first-letter, #ays-quiz-container-35216 select::first-letter, #ays-quiz-container-35216 option::first-letter { color: initial !important; } #ays-quiz-container-35216 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-35216 .select2-container, #ays-quiz-container-35216 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-35216 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-35216 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-35216 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-35216 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-35216 .ays-questions-container .ays-field, div#ays-quiz-container-35216 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-35216 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-35216 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-35216 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-35216 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-35216 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-35216 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-35216 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-35216 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-35216 .information_form input[type='text'], #ays-quiz-container-35216 .information_form input[type='url'], #ays-quiz-container-35216 .information_form input[type='number'], #ays-quiz-container-35216 .information_form input[type='email'], #ays-quiz-container-35216 .information_form input[type='tel'], #ays-quiz-container-35216 .information_form textarea, #ays-quiz-container-35216 .information_form select, #ays-quiz-container-35216 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-35216 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-35216 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-35216 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-35216 .right_answer_text{ color:#33cc33; } #ays-quiz-container-35216 .right_answer_text p { font-size:16px; } #ays-quiz-container-35216 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-35216 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-35216 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-35216 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-35216 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-35216 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-35216 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-35216 .ays_cb_and_a, #ays-quiz-container-35216 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-35216 iframe { /*min-height: 450px;*/ } #ays-quiz-container-35216 label.ays_for_checkbox, #ays-quiz-container-35216 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-35216 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-35216 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-35216 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-35216 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-35216 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-35216 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-35216 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-35216 div.lds-spinner, #ays-quiz-container-35216 div.lds-spinner2 { color: #000000; } #ays-quiz-container-35216 div.lds-spinner div:after, #ays-quiz-container-35216 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-35216 .lds-circle, #ays-quiz-container-35216 .lds-facebook div, #ays-quiz-container-35216 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-35216 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-35216 .lds-dual-ring::after, #ays-quiz-container-35216 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-35216 .ui.rating .icon, #ays-quiz-container-35216 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-35216 #ays_finish_quiz_35216 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-35216 #ays_finish_quiz_35216 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-35216 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-35216 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-35216 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-35216 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-35216 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-35216 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-35216 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-35216 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-35216 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-35216 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-35216 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-35216 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-35216 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-35216 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-35216 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-35216 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-35216 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-35216 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-35216 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-35216 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-35216 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-35216 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-35216 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-35216 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-35216 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-35216 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-35216 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-35216 div.ays-quiz-redirection-timer, #ays-quiz-container-35216 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-35216 div.ays-quiz-after-timer * , #ays-quiz-container-35216 div.ays-quiz-redirection-timer *, #ays-quiz-container-35216 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-35216 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-35216 input#ays-submit, #ays-quiz-container-35216 #ays_finish_quiz_35216 .action-button, #ays-quiz-container-35216 #ays_finish_quiz_35216 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-35216 #ays_finish_quiz_35216 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-35216 #ays_finish_quiz_35216 .action-button.ays_restart_button, #ays-quiz-container-35216 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-35216 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-35216 input#ays-submit, #ays-quiz-container-35216 #ays_finish_quiz_35216 input.action-button, #ays-quiz-container-35216 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-35216 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-35216 #ays_finish_quiz_35216 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-35216 #ays_finish_quiz_35216 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-35216 #ays_finish_quiz_35216 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-35216 input#ays-submit:hover, #ays-quiz-container-35216 input#ays-submit:focus, #ays-quiz-container-35216 #ays_finish_quiz_35216 .action-button:hover, #ays-quiz-container-35216 #ays_finish_quiz_35216 .action-button:focus, #ays-quiz-container-35216 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-35216 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-35216 .ays_restart_button { color: #ffffff; } #ays-quiz-container-35216 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-35216 .ays_buttons_div { justify-content: center; } #ays-quiz-container-35216 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-35216 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-35216 input[type='button'], #ays-quiz-container-35216 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-35216 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-35216 input[type='button']:focus-visible, div#ays-quiz-container-35216 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-35216 #ays_finish_quiz_35216 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-35216 #ays_finish_quiz_35216 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-35216 #ays_finish_quiz_35216 i.ays_early_finish.action-button[disabled], #ays-quiz-container-35216 #ays_finish_quiz_35216 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-35216 #ays_finish_quiz_35216 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-35216 #ays_finish_quiz_35216 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-35216 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-35216 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-35216 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-35216.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-35216 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-35216 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-35216 #ays_finish_quiz_35216 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-35216 #ays_finish_quiz_35216 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-35216 #ays_finish_quiz_35216 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-35216 #ays_finish_quiz_35216 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-35216 #ays_finish_quiz_35216 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-35216 #ays_finish_quiz_35216 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-35216 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-35216 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-35216 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-35216 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-35216 #ays_finish_quiz_35216 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-35216 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-35216 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-35216 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-35216 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-35216 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-35216 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-35216 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-35216 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-35216 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-35216 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-35216 #ays_finish_quiz_35216 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-35216 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-35216 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-35216 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-35216 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-35216 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-35216 .ays-field .select2-container--default, #ays-quiz-container-35216 .ays-field .select2-container--default .selection, #ays-quiz-container-35216 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-35216 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-35216 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-35216 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-35216 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-35216 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-35216 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-35216 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-35216 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-35216 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-35216 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-35216 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-35216 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-35216 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-35216 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-35216 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-35216 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-35216 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-35216 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-35216 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-35216 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-35216 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-35216 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-35216 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-35216.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-35216.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-35216 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-35216 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-35216 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-35216 label[for^='ays-answer']:before, #ays-quiz-container-35216 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-35216 .ays_question_report { text-align: right; } div#ays-quiz-container-35216 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-35216 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-35216.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-35216.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-35216.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-35216.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-35216.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-35216.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-35216 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-35216.ays_quiz_classic_dark .correct_div, #ays-quiz-container-35216.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-35216.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-35216.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-35216.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-35216.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-35216.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-35216.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-35216 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-35216 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-35216 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-35216 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-35216 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-35216 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-35216 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-35216 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-35216 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-35216.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-35216.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-35216 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-35216 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-35216 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-35216 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-35216 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-35216 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-35216 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-35216 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-35216 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-35216 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-35216 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-35216 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-35216 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-35216 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-35216 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-35216 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-35216 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-35216 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-35216 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-35216 .ays-quiz-personality-result-box div:before, #ays-quiz-container-35216 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-35216 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-35216 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-35216 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-35216 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-35216 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-35216 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-35216 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-35216 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-35216 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-35216 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-35216 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-35216 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-35216 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-35216{ max-width: 100%; } div#ays-quiz-container-35216 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-35216.ays_quiz_modern_light .step, div#ays-quiz-container-35216.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-35216.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-35216.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-35216.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-35216.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-35216 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-35216 .select2-container, div#ays-quiz-container-35216 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-35216 input#ays-submit, div#ays-quiz-container-35216 #ays_finish_quiz_35216 .action-button, div#ays-quiz-container-35216 #ays_finish_quiz_35216 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-35216 #ays_finish_quiz_35216 .action-button.ays_restart_button, #ays-quiz-container-35216 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-35216 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-35216 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-35216 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-35216 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-35216 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-35216 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-35216 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-35216 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-35216 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-35216 p { margin: 0.625em; } #ays-quiz-container-35216.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-35216.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-35216 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-35216.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-35216 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-35216 #ays_finish_quiz_35216 .action-button:hover, #ays-quiz-container-35216 #ays_finish_quiz_35216 .action-button:focus, #ays-quiz-container-35216 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-35216 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['35216'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzNTIxNiIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwOSIsImRlc2NyaXB0aW9uIjoiPHA+PHN0cm9uZz5CYVx1MDMwMGkgVFx1MDBlMlx1MDMyM3AgVHJcdTFlYWZjIG5naGlcdTFlYzdtIFRpbiBoXHUxZWNkYyAxMiAtIENcdTAwZTFuaCBkaVx1MWVjMXUgLSBCXHUwMGUwaSAxMDogQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggLSBcdTAxMTBcdTAwZWFcdTAzMDAgMDk8XC9zdHJvbmc+IFx1MDExMVx1MDFiMFx1MWVlM2MgeFx1MDBlMnkgZFx1MWVmMW5nIHZcdTFlZGJpIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgY2hcdTFlYTV0IGxcdTAxYjBcdTFlZTNuZywgc1x1MDBlMXQgdlx1MWVkYmkgblx1MWVkOWkgZHVuZyBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmggaFx1MWVjZGMsIGdpXHUwMGZhcCBiXHUxZWExbiBkXHUxZWM1IGRcdTAwZTBuZyBcdTAwZjRuIHRcdTFlYWRwIHZcdTAwZTAga2lcdTFlYzNtIHRyYSBraVx1MWViZm4gdGhcdTFlZTljIGhpXHUxZWM3dSBxdVx1MWVhMy4gSFx1MDBlM3kgY1x1MDBmOW5nIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgbFx1MDBlMG0gYlx1MDBlMGkgdFx1MWVhZHAgdHJcdTFlYWZjIG5naGlcdTFlYzdtIG5nYXkgXHUwMTExXHUxZWMzIG5cdTAwZTJuZyBjYW8gaGlcdTFlYzN1IGJpXHUxZWJmdCB2XHUwMGUwIGNodVx1MWVhOW4gYlx1MWVjYiB0XHUxZWQxdCBjaG8ga1x1MWVmMyB0aGkgc1x1MWVhZnAgdFx1MWVkYmkhPFwvcD5cclxuXHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTogVHJvbmcgQ1NTLCBjXHUwMGZhIHBoXHUwMGUxcCBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIFx1MDExMVx1MWVjMyBraGFpIGJcdTAwZTFvIG1cdTFlZDl0IGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIChjbGFzcyBzZWxlY3RvcikgY1x1MDBmMyB0XHUwMGVhbiBsXHUwMGUwIGBjaHVfZG9gIHZcdTAwZTAgXHUwMTExXHUxZWI3dCBtXHUwMGUwdSBjaFx1MWVlZiB0aFx1MDBlMG5oIG1cdTAwZTB1IFx1MDExMVx1MWVjZj9cclxuPHVsPlxyXG48bGk+QS4gI2NodV9kbyB7IGNvbG9yOiByZWQ7IH08XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gLmNodV9kbyB7IGNvbG9yOiByZWQ7IH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBjaHVfZG8geyBjb2xvcjogcmVkOyB9PFwvbGk+XHJcbjxsaT5ELiAqY2h1X2RvIHsgY29sb3I6IHJlZDsgfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI6IFx1MDExMFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgQ1NTIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGR1eSBuaFx1MWVhNXQgY1x1MDBmMyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgaWRgIGxcdTAwZTAgYHRpZXVfZGVfY2hpbmhgLCBiXHUxZWExbiBuXHUwMGVhbiBzXHUxZWVkIGRcdTFlZTVuZyBsb1x1MWVhMWkgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoSUQgc2VsZWN0b3IpPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKENsYXNzIHNlbGVjdG9yKTxcL2xpPlxyXG48bGk+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gcGhcdTFlYTduIHRcdTFlZWQgKEVsZW1lbnQgc2VsZWN0b3IpPFwvbGk+XHJcbjxsaT5ELiBCXHUxZWQ5IGNoXHUxZWNkbiB0b1x1MDBlMG4gdGhcdTFlYzMgKFVuaXZlcnNhbCBzZWxlY3Rvcik8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzOiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MIHNhdTogYDxwIGNsYXNzPVwiY2FuaF9sZV9waGFpIGNodV9kYW1cIj5cdTAxMTBvXHUxZWExbiB2XHUwMTAzbiBiXHUxZWEzbiBuXHUwMGUweTxcL3A+YC4gTlx1MWViZnUgY1x1MDBmMyBjXHUwMGUxYyBxdXkgdFx1MWVhZmMgQ1NTIGNobyBsXHUxZWRicCBgY2FuaF9sZV9waGFpYCB2XHUwMGUwIGBjaHVfZGFtYCwgdGhcdTAwZWMgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gdHJvbmcgdGhcdTFlYmIgYDxwPmAgc1x1MWViZCBuaFx1MWVhZG4gXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIHRcdTFlZWIgbmhcdTFlZWZuZyBiXHUxZWQ5IGNoXHUxZWNkbiBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gQ2hcdTFlYzkgdFx1MWVlYiBsXHUxZWRicCBgY2FuaF9sZV9waGFpYDxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgdFx1MWVlYiBsXHUxZWRicCBgY2h1X2RhbWA8XC9saT5cclxuPGxpPkMuIENoXHUxZWM5IHRcdTFlZWIgbFx1MWVkYnAgXHUwMTExXHUwMWIwXHUxZWUzYyBraGFpIGJcdTAwZTFvIHNhdSBjXHUwMGY5bmcgdHJvbmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYGNsYXNzYDxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBUXHUxZWViIGNcdTFlYTMgaGFpIGxcdTFlZGJwIGBjYW5oX2xlX3BoYWlgIHZcdTAwZTAgYGNodV9kYW1gPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDQ6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBxdXkgdFx1MWVhZmMgQ1NTIGNoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIGNobyBjXHUwMGUxYyB0aFx1MWViYiBgPHA+YCBjXHUwMGYzIGxcdTFlZGJwIGBub2lfYmF0YC4gQ1x1MDBmYSBwaFx1MDBlMXAgQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgXHUwMTExXHUwMGZhbmc/XHJcbjx1bD5cclxuPGxpPkEuIC5ub2lfYmF0IHAgeyAuLi4gfTxcL2xpPlxyXG48bGk+Qi4gcCwgLm5vaV9iYXQgeyAuLi4gfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBwLm5vaV9iYXQgeyAuLi4gfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIHAgPiAubm9pX2JhdCB7IC4uLiB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNTogXHUwMTEwaVx1MWVjM20ga2hcdTAwZTFjIGJpXHUxZWM3dCBjXHUwMWExIGJcdTFlYTNuIG5oXHUxZWE1dCBnaVx1MWVlZmEgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKGNsYXNzIHNlbGVjdG9yKSB2XHUwMGUwIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIHNlbGVjdG9yKSB0cm9uZyBDU1MgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiBDXHUwMGZhIHBoXHUwMGUxcCBraGFpIGJcdTAwZTFvIChkXHUxZWE1dSBjaFx1MWVhNW0gdnMgZFx1MWVhNXUgdGhcdTAxMDNuZyk8XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gU1x1MWVkMSBsXHUwMWIwXHUxZWUzbmcgcGhcdTFlYTduIHRcdTFlZWQgbVx1MDBlMCBiXHUxZWQ5IGNoXHUxZWNkbiBjXHUwMGYzIHRoXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gQ1x1MDBlMWMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggQ1NTIG1cdTAwZTAgY2hcdTAwZmFuZyBjXHUwMGYzIHRoXHUxZWMzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZzxcL2xpPlxyXG48bGk+RC4gVGhcdTFlZTkgdFx1MWVmMSBcdTAxYjB1IHRpXHUwMGVhbiBraGkgY1x1MDBmMyB4dW5nIFx1MDExMVx1MWVkOXQgcXV5IHRcdTFlYWZjPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNjogR2lcdTFlYTMgc1x1MWVlZCBiXHUxZWExbiBjXHUwMGYzIFx1MDExMW9cdTFlYTFuIEhUTUwgc2F1OiBgPGRpdiBpZD1cImtodW5nX2NoaW5oXCI+Tlx1MWVkOWkgZHVuZzxcL2Rpdj5gLiBCXHUxZWExbiBtdVx1MWVkMW4gXHUwMTExXHUxZWI3dCBjaGlcdTFlYzF1IHJcdTFlZDluZyBjXHUxZWU3YSBraHVuZyBuXHUwMGUweSBsXHUwMGUwIDUwMHB4IHZcdTAwZTAgbVx1MDBlMHUgblx1MWVjMW4gbFx1MDBlMCB4XHUwMGUxbS4gQ1x1MDBmYSBwaFx1MDBlMXAgQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgXHUwMTExXHUwMGZhbmc/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gI2todW5nX2NoaW5oIHsgd2lkdGg6IDUwMHB4OyBiYWNrZ3JvdW5kLWNvbG9yOiBncmF5OyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gLmtodW5nX2NoaW5oIHsgd2lkdGg6IDUwMHB4OyBiYWNrZ3JvdW5kLWNvbG9yOiBncmF5OyB9PFwvbGk+XHJcbjxsaT5DLiBkaXYja2h1bmdfY2hpbmggeyB3aWR0aDogNTAwcHg7IGJhY2tncm91bmQtY29sb3I6IGdyYXk7IH08XC9saT5cclxuPGxpPkQuIGtodW5nX2NoaW5oIHsgd2lkdGg6IDUwMHB4OyBiYWNrZ3JvdW5kLWNvbG9yOiBncmF5OyB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNzogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgY1x1MDBmMyBsXHUxZWRicCBgY2FuaF9naXVhYCBcdTAxMTFcdTAxYjBcdTFlZTNjIGNcdTAxMDNuIGdpXHUxZWVmYSBuXHUxZWQ5aSBkdW5nLiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gY1x1MWVhN24gc1x1MWVlZCBkXHUxZWU1bmcgdHJvbmcgcXV5IHRcdTFlYWZjIGNobyBsXHUxZWRicCBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gYWxpZ246IGNlbnRlcjs8XC9saT5cclxuPGxpPkIuIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7PFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIHRleHQtYWxpZ246IGNlbnRlcjs8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBtYXJnaW46IGF1dG87PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgODogXHUwMTEwaVx1MWVjMXUgblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgbFx1MDBlMCBTQUkga2hpIG5cdTAwZjNpIHZcdTFlYzEgdFx1MDBlYW4gY1x1MWVlN2EgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgdlx1MDBlMCBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIHRyb25nIENTUz9cclxuPHVsPlxyXG48bGk+QS4gVFx1MDBlYW4gY1x1MDBmMyB0aFx1MWVjMyBjaFx1MWVlOWEgY2hcdTFlZWYgY1x1MDBlMWkgKGEteiwgQS1aKS48XC9saT5cclxuPGxpPkIuIFRcdTAwZWFuIGNcdTAwZjMgdGhcdTFlYzMgY2hcdTFlZTlhIGRcdTFlYTV1IGdcdTFlYTFjaCBuZ2FuZyAoLSkuPFwvbGk+XHJcbjxsaT5DLiBUXHUwMGVhbiBjXHUwMGYzIHRoXHUxZWMzIGNoXHUxZWU5YSBkXHUxZWE1dSBnXHUxZWExY2ggZFx1MDFiMFx1MWVkYmkgKF8pLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBUXHUwMGVhbiBjXHUwMGYzIHRoXHUxZWMzIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgYlx1MWViMW5nIG1cdTFlZDl0IGNoXHUxZWVmIHNcdTFlZDEuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDk6IEdpXHUxZWEzIHNcdTFlZWQgYlx1MWVhMW4gY1x1MDBmMyBcdTAxMTFvXHUxZWExbiBIVE1MOiBgPGRpdiBjbGFzcz1cImhvcF90aG9haVwiPi4uLjxcL2Rpdj5gLiBCXHUxZWExbiBtdVx1MWVkMW4gdGhcdTAwZWFtIG1cdTFlZDl0IGxcdTFlZGJwIGtoXHUwMGUxYyB0XHUwMGVhbiBsXHUwMGUwIGBiYW9fbG9pYCB2XHUwMGUwbyBjXHUwMGY5bmcgcGhcdTFlYTduIHRcdTFlZWQgYGRpdmAgblx1MDBlMHkgXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyB0aFx1MDBlYW0ga2hpIGNcdTAwZjMgbFx1MWVkN2kuIENcdTAwZmEgcGhcdTAwZTFwIEhUTUwgXHUwMTExXHUwMGZhbmcgXHUwMTExXHUxZWMzIHRoXHUwMGVhbSBsXHUxZWRicCBgYmFvX2xvaWAgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT5BLiA8ZGl2IGNsYXNzPVwiaG9wX3Rob2FpLCBiYW9fbG9pXCI+Li4uPFwvZGl2PjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiA8ZGl2IGNsYXNzPVwiaG9wX3Rob2FpIGJhb19sb2lcIj4uLi48XC9kaXY+PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gPGRpdiBjbGFzcz1cImhvcF90aG9haVwiIGNsYXNzPVwiYmFvX2xvaVwiPi4uLjxcL2Rpdj48XC9saT5cclxuPGxpPkQuIDxkaXYgY2xhc3Nlcz1cImhvcF90aG9haSBiYW9fbG9pXCI+Li4uPFwvZGl2PjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEwOiBOXHUxZWJmdSBiXHUxZWExbiBjXHUwMGYzIHF1eSB0XHUxZWFmYyBDU1MgYC5udXRfYmFtIHsgY29sb3I6IGJsdWU7IH1gIHZcdTAwZTAgYCNudXRfZG9uZyB7IGNvbG9yOiByZWQ7IH1gLCB2XHUwMGUwIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIEhUTUwgYDxidXR0b24gaWQ9XCJudXRfZG9uZ1wiIGNsYXNzPVwibnV0X2JhbVwiPlx1MDExMFx1MDBmM25nPFwvYnV0dG9uPmAuIE1cdTAwZTB1IGNoXHUxZWVmIGhpXHUxZWMzbiB0aFx1MWVjYiBjXHUxZWU3YSBuXHUwMGZhdCBuXHUwMGUweSBzXHUxZWJkIGxcdTAwZTAgZ1x1MDBlYz8gKEdpXHUxZWEzIHNcdTFlZWQga2hcdTAwZjRuZyBjXHUwMGYzIHF1eSB0XHUxZWFmYyBDU1Mgblx1MDBlMG8ga2hcdTAwZTFjIFx1MWVhM25oIGhcdTAxYjBcdTFlZGZuZykuXHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gTVx1MDBlMHUgXHUwMTExXHUxZWNmIChyZWQpPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gTVx1MDBlMHUgeGFuaCBkXHUwMWIwXHUwMWExbmcgKGJsdWUpPFwvbGk+XHJcbjxsaT5DLiBNXHUwMGUwdSB0XHUwMGVkbSAoc1x1MWVmMSBrXHUxZWJmdCBoXHUxZWUzcCBjXHUxZWU3YSB4YW5oIHZcdTAwZTAgXHUwMTExXHUxZWNmKTxcL2xpPlxyXG48bGk+RC4gS2hcdTAwZjRuZyB4XHUwMGUxYyBcdTAxMTFcdTFlY2JuaCBcdTAxMTFcdTAxYjBcdTFlZTNjLCB0XHUwMGY5eSB0aHVcdTFlZDljIHRyXHUwMGVjbmggZHV5XHUxZWM3dDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDExOiBCXHUxZWExbiBtdVx1MWVkMW4gXHUwMGUxcCBkXHUxZWU1bmcgbVx1MWVkOXQga2lcdTFlYzN1IFx1MDExMVx1MDFiMFx1MWVkZG5nIHZpXHUxZWMxbiAoYm9yZGVyKSBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBgPGlucHV0PmAgY1x1MDBmMyBsXHUxZWRicCBgbmhhcF9saWV1YC4gQ1x1MDBmYSBwaFx1MDBlMXAgQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IG1cdTAwZjQgdFx1MWVhMyBcdTAxMTFcdTAwZmFuZyBcdTAwZmQgXHUwMTExXHUxZWQzIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiAubmhhcF9saWV1LCBpbnB1dCB7IGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrOyB9PFwvbGk+XHJcbjxsaT5CLiBpbnB1dCAubmhhcF9saWV1IHsgYm9yZGVyOiAxcHggc29saWQgYmxhY2s7IH08XC9saT5cclxuPGxpPkMuIGlucHV0ID4gLm5oYXBfbGlldSB7IGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrOyB9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIGlucHV0Lm5oYXBfbGlldSB7IGJvcmRlcjogMXB4IHNvbGlkIGJsYWNrOyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDEyOiBLaGkgblx1MDBlMG8gdGhcdTAwZWMgdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIChjbGFzcyBzZWxlY3RvcikgbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBoXHUwMWExbiBzbyB2XHUxZWRiaSBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIChJRCBzZWxlY3Rvcik/XHJcbjx1bD5cclxuPGxpPkEuIEtoaSBiXHUxZWExbiBtdVx1MWVkMW4gXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGR1eSBuaFx1MWVhNXQgdHJcdTAwZWFuIHRyYW5nLjxcL2xpPlxyXG48bGk+Qi4gS2hpIGJcdTFlYTFuIGNcdTFlYTduIG1cdTFlZDl0IGJcdTFlZDkgY2hcdTFlY2RuIGNcdTAwZjMgXHUwMTExXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIGNhbyBuaFx1MWVhNXQuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkMuIEtoaSBiXHUxZWExbiBtdVx1MWVkMW4gXHUwMGUxcCBkXHUxZWU1bmcgY1x1MDBmOW5nIG1cdTFlZDl0IGtpXHUxZWMzdSBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgY2hvIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQga2hcdTAwZTFjIG5oYXUuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gS2hpIGJcdTFlYTFuIGNcdTFlYTduIGNoXHUxZWNkbiBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBkXHUxZWYxYSB0clx1MDBlYW4gdlx1MWVjYiB0clx1MDBlZCBjXHUxZWU3YSBuXHUwMGYzIHRyb25nIGNcdTAwZTJ5IERPTS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMzogXHUwMTEwb1x1MWVhMW4gbVx1MDBlMyBIVE1MOiBgPHNwYW4gaWQ9XCJ0aG9uZ19iYW9cIj5UaFx1MDBmNG5nIGJcdTAwZTFvPFwvc3Bhbj5gLiBCXHUxZWExbiBtdVx1MWVkMW4gdGhheSBcdTAxMTFcdTFlZDVpIGtcdTAwZWRjaCB0aFx1MDFiMFx1MWVkYmMgY2hcdTFlZWYgY1x1MWVlN2EgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gblx1MDBlMHkgdGhcdTAwZTBuaCAxOHB4LiBUaHVcdTFlZDljIHRcdTAwZWRuaCBDU1Mgblx1MDBlMG8gY1x1MWVhN24gc1x1MWVlZCBkXHUxZWU1bmcgdHJvbmcgcXV5IHRcdTFlYWZjIGNobyBJRCBgdGhvbmdfYmFvYD9cclxuPHVsPlxyXG48bGk+QS4gdGV4dC1zaXplOiAxOHB4OzxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBmb250LXNpemU6IDE4cHg7PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gdGV4dC1zY2FsZTogMThweDs8XC9saT5cclxuPGxpPkQuIGZvbnQtd2VpZ2h0OiAxOHB4OzxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE0OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTAwZjMgdFx1MWVjN3AgQ1NTIG5nb1x1MWVhMWkgdFx1MDBlYW4gbFx1MDBlMCBgc3R5bGUuY3NzYCB2XHUwMGUwIG11XHUxZWQxbiBsaVx1MDBlYW4ga1x1MWViZnQgblx1MDBmMyB2XHUxZWRiaSB0XHUxZWM3cCBIVE1MIGNcdTFlZTdhIG1cdTAwZWNuaC4gQlx1MWVhMW4gc1x1MWViZCBcdTAxMTFcdTFlYjd0IHRoXHUxZWJiIGA8bGluaz5gIHZcdTFlZGJpIGNcdTAwZTFjIHRodVx1MWVkOWMgdFx1MDBlZG5oIHRoXHUwMGVkY2ggaFx1MWVlM3AgXHUxZWRmIFx1MDExMVx1MDBlMnUgdHJvbmcgdFx1MWVjN3AgSFRNTD9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBUcm9uZyBwaFx1MWVhN24gYDxoZWFkPmA8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBUcm9uZyBwaFx1MWVhN24gYDxib2R5PmA8XC9saT5cclxuPGxpPkMuIFx1MWVkZSBjdVx1MWVkMWkgcGhcdTFlYTduIGA8Ym9keT5gPFwvbGk+XHJcbjxsaT5ELiBOZ2F5IHNhdSB0aFx1MWViYiBgPGh0bWw+YCBtXHUxZWRmIFx1MDExMVx1MWVhN3U8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxNTogQlx1MWVhMW4gY1x1MDBmMyBxdXkgdFx1MWVhZmMgQ1NTIHNhdTogYC5ob3BfdGhvbmdfdGluIHsgcGFkZGluZzogMTBweDsgYm9yZGVyOiAxcHggc29saWQgYmx1ZTsgfWAuIE5cdTFlYmZ1IGJcdTFlYTFuIFx1MDBlMXAgZFx1MWVlNW5nIGxcdTFlZGJwIGBob3BfdGhvbmdfdGluYCBjaG8gbVx1MWVkOXQgdGhcdTFlYmIgYDxkaXY+YCwga1x1MWViZnQgcXVcdTFlYTMgaGlcdTFlYzNuIHRoXHUxZWNiIHNcdTFlYmQgbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IGNcdTAwZjMgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIG1cdTAwZTB1IHhhbmggZFx1MDFiMFx1MDFhMW5nLjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgY1x1MDBmMyBraG9cdTFlYTNuZyBcdTAxMTFcdTFlYzdtIDEwcHggYlx1MDBlYW4gbmdvXHUwMGUwaSBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4uPFwvbGk+XHJcbjxsaT5DLiBLaG9cdTFlYTNuZyBcdTAxMTFcdTFlYzdtIDEwcHggYlx1MDBlYW4gdHJvbmcgdlx1MDBlMCBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gbVx1MDBlMHUgXHUwMTExXHUxZWNmLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBLaG9cdTFlYTNuZyBcdTAxMTFcdTFlYzdtIDEwcHggYlx1MDBlYW4gdHJvbmcgdlx1MDBlMCBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gbVx1MDBlMHUgeGFuaCBkXHUwMWIwXHUwMWExbmcuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE2OiBcdTAxMTBpXHUxZWMxdSBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSBsXHUwMGUwIFx1MDExMFx1MDBkYU5HIHZcdTFlYzEgdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIHNlbGVjdG9yKT9cclxuPHVsPlxyXG48bGk+QS4gTVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgSFRNTCBjXHUwMGYzIHRoXHUxZWMzIGNcdTAwZjMgbmhpXHUxZWMxdSBJRC48XC9saT5cclxuPGxpPkIuIE5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQgSFRNTCBjXHUwMGYzIHRoXHUxZWMzIGNcdTAwZjMgY1x1MDBmOW5nIG1cdTFlZDl0IElELjxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBNXHUxZWQ3aSBnaVx1MDBlMSB0clx1MWVjYiBJRCBjaFx1MWVjOSBuXHUwMGVhbiBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBkdXkgbmhcdTFlYTV0IHRyXHUwMGVhbiBtXHUxZWQ5dCB0cmFuZy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBJRCBzZWxlY3RvciBjXHUwMGYzIFx1MDExMVx1MWVkOSBcdTAxYjB1IHRpXHUwMGVhbiB0aFx1MWVhNXAgaFx1MDFhMW4gQ2xhc3Mgc2VsZWN0b3IuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTc6IEJcdTFlYTFuIFx1MDExMWFuZyB0aGlcdTFlYmZ0IGtcdTFlYmYgbVx1MWVkOXQgdHJhbmcgd2ViIHZcdTAwZTAgbXVcdTFlZDFuIGNcdTAwZTFjIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgY1x1MWVhNXAgMiAoYDxoMj5gKSBjXHUwMGYzIG1cdTAwZTB1IHhhbmggbFx1MDBlMSBjXHUwMGUyeSwgbmhcdTAxYjBuZyBjaFx1MWVjOSBuaFx1MWVlZm5nIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgY1x1MWVhNXAgMiBuXHUwMGUwbyBjXHUwMGYzIGxcdTFlZGJwIGBjaHVfbmdoaWVuZ2AgdGhcdTAwZWMgbVx1MWVkYmkgY1x1MDBmMyB0aFx1MDBlYW0ga2lcdTFlYzN1IGNoXHUxZWVmIG5naGlcdTAwZWFuZy4gQlx1MWVhMW4gY1x1MWVhN24gdmlcdTFlYmZ0IHF1eSB0XHUxZWFmYyBDU1MgY2hvIGJcdTFlZDkgY2hcdTFlY2RuIG5cdTAwZTBvIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlYTF0IFx1MDExMVx1MDFiMFx1MWVlM2MgaGlcdTFlYzd1IHF1XHUxZWEzIG5cdTAwZTB5P1xyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVjOSBjXHUxZWE3biBxdXkgdFx1MWVhZmMgY2hvIGJcdTFlZDkgY2hcdTFlY2RuIGBoMmAuPFwvbGk+XHJcbjxsaT5CLiBDaFx1MWVjOSBjXHUxZWE3biBxdXkgdFx1MWVhZmMgY2hvIGJcdTFlZDkgY2hcdTFlY2RuIGAuY2h1X25naGllbmdgLjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgY1x1MWVhN24gcXV5IHRcdTFlYWZjIGNobyBiXHUxZWQ5IGNoXHUxZWNkbiBgaDIuY2h1X25naGllbmdgLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBDXHUxZWE3biBxdXkgdFx1MWVhZmMgY2hvIGJcdTFlZDkgY2hcdTFlY2RuIGBoMmAgdlx1MDBlMCBxdXkgdFx1MWVhZmMgY2hvIGJcdTFlZDkgY2hcdTFlY2RuIGBoMi5jaHVfbmdoaWVuZ2AuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE4OiBDaG8gXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBDU1M6IGAuaG9wIHsgYm9yZGVyOiAxcHggc29saWQgYmxhY2s7IH1gIHZcdTAwZTAgYCNob3BfZGFjX2JpZXQgeyBiYWNrZ3JvdW5kLWNvbG9yOiB5ZWxsb3c7IH1gLiBOXHUxZWJmdSBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGNcdTAwZjMgY1x1MWVhMyBgaWQ9XCJob3BfZGFjX2JpZXRcImAgdlx1MDBlMCBgY2xhc3M9XCJob3BcImAsIHBoXHUxZWE3biB0XHUxZWVkIFx1MDExMVx1MDBmMyBzXHUxZWJkIGNcdTAwZjMgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gQ1x1MDBmMyBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gXHUwMTExZW4gdlx1MDBlMCBuXHUxZWMxbiB2XHUwMGUwbmcuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgY1x1MDBmMyBcdTAxMTFcdTAxYjBcdTFlZGRuZyB2aVx1MWVjMW4gXHUwMTExZW4gKHZcdTAwZWMgY2xhc3MgXHUwMWIwdSB0aVx1MDBlYW4gaFx1MDFhMW4gSUQpLjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgY1x1MDBmMyBuXHUxZWMxbiB2XHUwMGUwbmcgKHZcdTAwZWMgSUQgXHUwMWIwdSB0aVx1MDBlYW4gaFx1MDFhMW4gY2xhc3MpLjxcL2xpPlxyXG48bGk+RC4gS2hcdTAwZjRuZyBjXHUwMGYzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBuXHUwMGUwbyBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDBlMXAgZFx1MWVlNW5nIGRvIHh1bmcgXHUwMTExXHUxZWQ5dC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOTogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGxcdTFlZGJwIENTUyB0XHUwMGVhbiBsXHUwMGUwIGBjYW5oX2dpdWFgIFx1MDExMVx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgY1x1MDEwM24gZ2lcdTFlZWZhIGNobyBiXHUxZWE1dCBrXHUxZWYzIHBoXHUxZWE3biB0XHUxZWVkIG5cdTAwZTBvIChcdTAxMTFvXHUxZWExbiB2XHUwMTAzbiwgdGlcdTAwZWF1IFx1MDExMVx1MWVjMSwgZGl2Li4uKS4gQ1x1MDBmYSBwaFx1MDBlMXAgQ1NTIG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IGxcdTAwZTAgXHUwMTExXHUwMGZhbmcgdlx1MDBlMCBoaVx1MWVjN3UgcXVcdTFlYTMgbmhcdTFlYTV0IGNobyBtXHUxZWU1YyBcdTAxMTFcdTAwZWRjaCBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gI2NhbmhfZ2l1YSB7IHRleHQtYWxpZ246IGNlbnRlcjsgfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiAuY2FuaF9naXVhIHsgdGV4dC1hbGlnbjogY2VudGVyOyB9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gKiAuY2FuaF9naXVhIHsgdGV4dC1hbGlnbjogY2VudGVyOyB9PFwvbGk+XHJcbjxsaT5ELiBlbGVtZW50LmNhbmhfZ2l1YSB7IHRleHQtYWxpZ246IGNlbnRlcjsgfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIwOiBLaGkgblx1MDBlMG8gdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIHNlbGVjdG9yKSBsXHUwMGUwIENcdTFlYTZOIFRISVx1MWViZVQgaG9cdTFlYjdjIFx1MDExMVx1MDFiMFx1MWVlM2Mga2h1eVx1MWViZm4ga2hcdTAwZWRjaD9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBLaGkgY1x1MWVhN24geFx1MDBlMWMgXHUwMTExXHUxZWNibmggbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgZHV5IG5oXHUxZWE1dCBcdTAxMTFcdTFlYzMgbFx1MDBlMG0gXHUwMTExaVx1MWVjM20gbmVvIGhvXHUxZWI3YyB0aGFvIHRcdTAwZTFjIGJcdTFlYjFuZyBKYXZhU2NyaXB0LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEtoaSBiXHUxZWExbiBtdVx1MWVkMW4gXHUwMGUxcCBkXHUxZWU1bmcgY1x1MDBmOW5nIG1cdTFlZDl0IGtpXHUxZWMzdSBjaG8gaFx1MDBlMG5nIGNoXHUxZWU1YyBwaFx1MWVhN24gdFx1MWVlZC48XC9saT5cclxuPGxpPkMuIEtoaSBiXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gY1x1MDBlMWMga2lcdTFlYzN1IGNcdTAwZjMgdGhcdTFlYzMgdFx1MDBlMWkgc1x1MWVlZCBkXHUxZWU1bmcgdHJcdTAwZWFuIG5oaVx1MWVjMXUgdHJhbmcuPFwvbGk+XHJcbjxsaT5ELiBLaGkgYlx1MWVhMW4gY2hcdTFlYzkgbXVcdTFlZDFuIHRoYXkgXHUwMTExXHUxZWQ1aSBtXHUwMGUwdSBuXHUxZWMxbiBjXHUxZWU3YSBtXHUxZWQ5dCBuaFx1MDBmM20gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjE6IFBoXHUwMGUybiB0XHUwMGVkY2ggXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MIHZcdTAwZTAgQ1NTIHNhdTogSFRNTDogYDxwIGlkPVwiZG9hbjFcIiBjbGFzcz1cImNodV94YW5oXCI+XHUwMTEwb1x1MWVhMW4gMTxcL3A+PHAgY2xhc3M9XCJjaHVfeGFuaFwiPlx1MDExMG9cdTFlYTFuIDI8XC9wPjxkaXYgaWQ9XCJkb2FuM1wiPlx1MDExMG9cdTFlYTFuIDM8XC9kaXY+YC4gQ1NTOiBgI2RvYW4xIHsgY29sb3I6IHJlZDsgfSAuY2h1X3hhbmggeyBjb2xvcjogYmx1ZTsgfSAjZG9hbjMgeyBmb250LXdlaWdodDogYm9sZDsgfWAuIE1cdTAwZTB1IGNoXHUxZWVmIGNcdTFlZTdhIFwiXHUwMTEwb1x1MWVhMW4gMVwiIHNcdTFlYmQgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIE1cdTAwZTB1IFx1MDExMVx1MWVjZiAocmVkKTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIE1cdTAwZTB1IHhhbmggZFx1MDFiMFx1MDFhMW5nIChibHVlKTxcL2xpPlxyXG48bGk+Qy4gTVx1MDBlMHUgXHUwMTExZW4gKG1cdTFlYjdjIFx1MDExMVx1MWVjYm5oKTxcL2xpPlxyXG48bGk+RC4gTVx1MDBlMHUgY2hcdTFlZWYga2hcdTAwZjRuZyBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDExMVx1MWVjYm5oIG5naFx1MDEyOWEgclx1MDBmNSByXHUwMGUwbmcuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjI6IFBoXHUwMGUybiB0XHUwMGVkY2ggXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MIHZcdTAwZTAgQ1NTIHNhdTogSFRNTDogYDxoMSBjbGFzcz1cInRpZXVfZGVcIj5DaFx1MDBlMG8gbVx1MWVlYm5nPFwvaDE+YC4gQ1NTOiBgLnRpZXVfZGUgeyBmb250LXNpemU6IDI0cHg7IH0gaDEgeyBmb250LXNpemU6IDM2cHg7IH1gLiBLXHUwMGVkY2ggdGhcdTAxYjBcdTFlZGJjIGNoXHUxZWVmIGNcdTFlZTdhIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgXCJDaFx1MDBlMG8gbVx1MWVlYm5nXCIgc1x1MWViZCBsXHUwMGUwIGJhbyBuaGlcdTAwZWF1P1xyXG48dWw+XHJcbjxsaT5BLiAzNnB4PFwvbGk+XHJcbjxsaT48c3Ryb25nPkIuIDI0cHg8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiA2MHB4ICh0XHUxZWQ1bmcgY1x1MWVlN2EgMjQgdlx1MDBlMCAzNik8XC9saT5cclxuPGxpPkQuIEtoXHUwMGY0bmcgeFx1MDBlMWMgXHUwMTExXHUxZWNibmggXHUwMTExXHUwMWIwXHUxZWUzYyBkbyB4dW5nIFx1MDExMVx1MWVkOXQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjM6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBsXHUxZWRicCBDU1MgdFx1MDBlYW4gbFx1MDBlMCBgdmllbl9kYW1gIGNoXHUxZWM5IFx1MDBlMXAgZFx1MWVlNW5nIGNobyBjXHUwMGUxYyB0aFx1MWViYiBgPGltZz5gIGtoaSBiXHUxZWExbiBnXHUwMGUxbiBsXHUxZWRicCBcdTAxMTFcdTAwZjMgY2hvIGNoXHUwMGZhbmcuIENcdTAwZmEgcGhcdTAwZTFwIENTUyBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSB0aFx1MWVmMWMgaGlcdTFlYzduIFx1MDExMVx1MDBmYW5nIFx1MDBmZCBcdTAxMTFcdTFlZDMgblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPkEuIC52aWVuX2RhbSBpbWcgeyBib3JkZXI6IDJweCBzb2xpZCBibGFjazsgfTxcL2xpPlxyXG48bGk+Qi4gaW1nLCAudmllbl9kYW0geyBib3JkZXI6IDJweCBzb2xpZCBibGFjazsgfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBpbWcudmllbl9kYW0geyBib3JkZXI6IDJweCBzb2xpZCBibGFjazsgfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGltZyA+IC52aWVuX2RhbSB7IGJvcmRlcjogMnB4IHNvbGlkIGJsYWNrOyB9PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjQ6IEtoaSBcdTAwZTFwIGRcdTFlZTVuZyBuaGlcdTFlYzF1IGxcdTFlZGJwIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBIVE1MLCB2XHUwMGVkIGRcdTFlZTU6IGA8ZGl2IGNsYXNzPVwibG9wX0EgbG9wX0JcIj4uLi48XC9kaXY+YCwgdGhcdTFlZTkgdFx1MWVmMSBjXHUwMGUxYyB0XHUwMGVhbiBsXHUxZWRicCB0cm9uZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgY2xhc3NgIGNcdTAwZjMgXHUxZWEzbmggaFx1MDFiMFx1MWVkZm5nIFx1MDExMVx1MWViZm4gdmlcdTFlYzdjIFx1MDBlMXAgZFx1MWVlNW5nIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBDU1Mga2hcdTAwZjRuZz9cclxuPHVsPlxyXG48bGk+QS4gQ1x1MDBmMywgbFx1MWVkYnAgXHUwMTExXHUwMWIwXHUxZWUzYyBsaVx1MWVjN3Qga1x1MDBlYSBzYXUgY1x1MDBmOW5nIHNcdTFlYmQgXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAxYjB1IHRpXHUwMGVhbiBoXHUwMWExbi48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gS2hcdTAwZjRuZywgdGhcdTFlZTkgdFx1MWVmMSB0cm9uZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgY2xhc3NgIGtoXHUwMGY0bmcgXHUxZWEzbmggaFx1MDFiMFx1MWVkZm5nLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIENcdTAwZjMsIGxcdTFlZGJwIFx1MDExMVx1MDFiMFx1MWVlM2MgbGlcdTFlYzd0IGtcdTAwZWEgXHUwMTExXHUxZWE3dSB0aVx1MDBlYW4gc1x1MWViZCBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDFiMHUgdGlcdTAwZWFuIGhcdTAxYTFuLjxcL2xpPlxyXG48bGk+RC4gQ2hcdTFlYzkgXHUxZWEzbmggaFx1MDFiMFx1MWVkZm5nIGtoaSBjXHUwMGYzIHh1bmcgXHUwMTExXHUxZWQ5dCBnaVx1MWVlZmEgY1x1MDBlMWMgdGh1XHUxZWQ5YyB0XHUwMGVkbmguPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjU6IEJcdTFlYTFuIG11XHUxZWQxbiBzXHUxZWVkIGRcdTFlZTVuZyBtXHUxZWQ5dCBoXHUwMGVjbmggblx1MWVjMW4gY2hvIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGR1eSBuaFx1MWVhNXQgdHJcdTAwZWFuIHRyYW5nIHdlYiwgdlx1MDBlZCBkXHUxZWU1IG1cdTFlZDl0IGtodSB2XHUxZWYxYyB0aVx1MDBlYXUgXHUwMTExXHUxZWMxIGxcdTFlZGJuLiBMb1x1MWVhMWkgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gbFx1MDBlMCBwaFx1MDBmOSBoXHUxZWUzcCBuaFx1MWVhNXQgXHUwMTExXHUxZWMzIHhcdTAwZTFjIFx1MDExMVx1MWVjYm5oIGtodSB2XHUxZWYxYyBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIChJRCBzZWxlY3Rvcik8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoQ2xhc3Mgc2VsZWN0b3IpPFwvbGk+XHJcbjxsaT5DLiBCXHUxZWQ5IGNoXHUxZWNkbiBwaFx1MWVhN24gdFx1MWVlZCAoRWxlbWVudCBzZWxlY3Rvcik8XC9saT5cclxuPGxpPkQuIEJcdTFlZDkgY2hcdTFlY2RuIG5oXHUwMGYzbSAoR3JvdXAgc2VsZWN0b3IpPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjY6IENobyBcdTAxMTFvXHUxZWExbiBDU1M6IGAua2h1bmcgeyBib3JkZXI6IDFweCBzb2xpZCBibGFjazsgfWAgdlx1MDBlMCBgLmtodW5nLm1hdV94YW5oIHsgYm9yZGVyLWNvbG9yOiBibHVlOyB9YC4gTlx1MWViZnUgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgY1x1MDBmMyBgY2xhc3M9XCJraHVuZyBtYXVfeGFuaFwiYCwgbVx1MDBlMHUgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIGNcdTFlZTdhIG5cdTAwZjMgc1x1MWViZCBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIE1cdTAwZTB1IFx1MDExMWVuIChibGFjayk8XC9saT5cclxuPGxpPkIuIE1cdTAwZTB1IFx1MDExMVx1MWVjZiAocmVkIC0gc2FpKTxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBNXHUwMGUwdSB4YW5oIGRcdTAxYjBcdTAxYTFuZyAoYmx1ZSk8XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBLaFx1MDBmNG5nIGNcdTAwZjMgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI3OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgcXV5IHRcdTFlYWZjIENTUyBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aFx1MWViYiBgPGJ1dHRvbj5gIHZcdTAwZTAgdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aFx1MWViYiBgPGlucHV0IHR5cGU9XCJzdWJtaXRcIj5gLiBMb1x1MWVhMWkgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gKHRyb25nIHBoXHUxZWExbSB2aSBiXHUwMGUwaSBoXHUxZWNkYyBuXHUwMGUweSkgY1x1MDBmMyB0aFx1MWVjMyBnaVx1MDBmYXAgbmhcdTAwZjNtIGNoXHUwMGZhbmcgbFx1MWVhMWkgXHUwMTExXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGNcdTAwZjluZyBtXHUxZWQ5dCBraVx1MWVjM3U/XHJcbjx1bD5cclxuPGxpPkEuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIHNlbGVjdG9yKTxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoQ2xhc3Mgc2VsZWN0b3IpPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gY29uIChEZXNjZW5kYW50IHNlbGVjdG9yKTxcL2xpPlxyXG48bGk+RC4gQlx1MWVkOSBjaFx1MWVjZG4gYW5oIGVtIChTaWJsaW5nIHNlbGVjdG9yKTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI4OiBLaGkgblx1MDBlMG8gdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIG1cdTFlZDl0IGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIHNlbGVjdG9yKSBjXHUwMGYzIHRoXHUxZWMzIGRcdTFlYWJuIFx1MDExMVx1MWViZm4gY1x1MDBlMWMgdlx1MWVhNW4gXHUwMTExXHUxZWMxIHZcdTFlYzEga2hcdTFlYTMgblx1MDEwM25nIHRcdTAwZTFpIHNcdTFlZWQgZFx1MWVlNW5nIG1cdTAwZTMgQ1NTP1xyXG48dWw+XHJcbjxsaT5BLiBLaGkgdFx1MDBlYW4gSUQgcXVcdTAwZTEgZFx1MDBlMGkuPFwvbGk+XHJcbjxsaT5CLiBLaGkgSUQgY2hcdTFlZTlhIGRcdTFlYTV1IGdcdTFlYTFjaCBuZ2FuZy48XC9saT5cclxuPGxpPkMuIEtoaSBiXHUxZWExbiBjXHUxZWE3biBcdTAwZTFwIGRcdTFlZTVuZyBraVx1MWVjM3UgY2hvIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIHJcdTFlYTV0IGNcdTFlZTUgdGhcdTFlYzMuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIEtoaSBiXHUxZWExbiBcdTAxMTFcdTFlY2JuaCBuZ2hcdTAxMjlhIG5oaVx1MWVjMXUga2lcdTFlYzN1IGJcdTFlYjFuZyBJRCB0aGF5IHZcdTAwZWMgQ2xhc3MgY2hvIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgdGhcdTFlYzMgbFx1MWViN3AgbFx1MWVhMWkuPFwvc3Ryb25nPjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI5OiBHaVx1MWVhMyBzXHUxZWVkIGJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQga2hcdTFlZDFpIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCB0clx1MDBlYW4gdHJhbmcgdlx1MDBlMCBtdVx1MWVkMW4gblx1MDBmMyBjXHUwMGYzIGNoaVx1MWVjMXUgclx1MWVkOW5nIGNcdTFlZDEgXHUwMTExXHUxZWNibmgsIGNcdTAxMDNuIGdpXHUxZWVmYSB0cmFuZyB2XHUwMGUwIGNcdTAwZjMgbVx1MWVkOXQgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuLiBWaVx1MWVjN2Mgc1x1MWVlZCBkXHUxZWU1bmcgYGlkPVwibm9pX2R1bmdfY2hpbmhcImAgdlx1MDBlMCBcdTAxMTFcdTFlY2JuaCBuZ2hcdTAxMjlhIHF1eSB0XHUxZWFmYyBDU1MgY2hvIGAjbm9pX2R1bmdfY2hpbmhgIGxcdTAwZTAgbVx1MWVkOXQgbFx1MWVmMWEgY2hcdTFlY2RuIGhcdTFlZTNwIGxcdTAwZmQuIFRcdTFlYTFpIHNhbz9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBWXHUwMGVjIGtoXHUxZWQxaSBuXHUxZWQ5aSBkdW5nIGNoXHUwMGVkbmggdGhcdTAxYjBcdTFlZGRuZyBsXHUwMGUwIG1cdTFlZDl0IHBoXHUxZWE3biB0XHUxZWVkIGR1eSBuaFx1MWVhNXQgdHJcdTAwZWFuIHRyYW5nLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIFZcdTAwZWMgSUQgc2VsZWN0b3IgY1x1MDBmMyBcdTAxMTFcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gdGhcdTFlYTVwLCB0clx1MDBlMW5oIGdoaSBcdTAxMTFcdTAwZTggY1x1MDBlMWMgcXV5IHRcdTFlYWZjIGtoXHUwMGUxYy48XC9saT5cclxuPGxpPkMuIFZcdTAwZWMgYlx1MWVhMW4gY1x1MDBmMyB0aFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBjXHUwMGY5bmcgbVx1MWVkOXQgSUQgY2hvIG5oaVx1MWVjMXUga2hcdTFlZDFpIG5cdTFlZDlpIGR1bmcgdHJcdTAwZWFuIGNcdTAwZjluZyBtXHUxZWQ5dCB0cmFuZy48XC9saT5cclxuPGxpPkQuIFZcdTAwZWMgSUQgc2VsZWN0b3IgY2hcdTFlYzkgY1x1MDBmMyB0aFx1MWVjMyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgY1x1MDBlMWMgdGh1XHUxZWQ5YyB0XHUwMGVkbmggYlx1MWVkMSBjXHUxZWU1YyBuaFx1MDFiMCBjaGlcdTFlYzF1IHJcdTFlZDluZywgbFx1MWVjMS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzMDogQlx1MWVhMW4gdGhpXHUxZWJmdCBrXHUxZWJmIG1cdTFlZDl0IGZvcm0gbmhcdTFlYWRwIGxpXHUxZWM3dSB2XHUwMGUwIG11XHUxZWQxbiB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIFx1MDBmNCBuaFx1MWVhZHAgdlx1MDEwM24gYlx1MWVhM24gKGA8aW5wdXQgdHlwZT1cInRleHRcIj5gKSB2XHUwMGUwIFx1MDBmNCB0ZXh0YXJlYSAoYDx0ZXh0YXJlYT5gKSBjXHUwMGYzIGNcdTAwZjluZyBraVx1MWVjM3UgXHUwMTExXHUwMWIwXHUxZWRkbmcgdmlcdTFlYzFuIHZcdTAwZTAgbVx1MDBlMHUgblx1MWVjMW4uIFNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGxcdTAwZTAgcGhcdTAxYjBcdTAxYTFuZyBwaFx1MDBlMXAgaGlcdTFlYzd1IHF1XHUxZWEzIG5oXHUxZWE1dC4gQlx1MWVhMW4gc1x1MWViZCBsXHUwMGUwbSB0aFx1MWViZiBuXHUwMGUwbz9cclxuPHVsPlxyXG48bGk+QS4gVFx1MWVhMW8gbVx1MWVkOXQgSUQgY2hvIG1cdTFlZDdpIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IHZcdTAwZTAgXHUwMTExXHUxZWNibmggbmdoXHUwMTI5YSBraVx1MWVjM3UgY2hvIHRcdTFlZWJuZyBJRC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gVFx1MWVhMW8gbVx1MWVkOXQgbFx1MWVkYnAgQ1NTIHZcdTAwZTAgZ1x1MDBlMW4gbFx1MWVkYnAgXHUwMTExXHUwMGYzIGNobyB0XHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IGNcdTFlYTduIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5DLiBTXHUxZWVkIGRcdTFlZTVuZyBiXHUxZWQ5IGNoXHUxZWNkbiBwaFx1MWVhN24gdFx1MWVlZCBgaW5wdXQsIHRleHRhcmVhYCB2XHUwMGUwIFx1MDExMVx1MWVjYm5oIG5naFx1MDEyOWEga2lcdTFlYzN1LjxcL2xpPlxyXG48bGk+RC4gU1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gY29uIFx1MDExMVx1MWVjMyBjaFx1MWVjZG4gY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3Ugblx1MWViMW0gdHJvbmcgZm9ybS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiIxMDUxMjQ2LDEwNTEyNDcsMTA1MTI0OCwxMDUxMjQ5LDEwNTEyNTAsMTA1MTI1MSwxMDUxMjUyLDEwNTEyNTMsMTA1MTI1NCwxMDUxMjU1LDEwNTEyNTYsMTA1MTI1NywxMDUxMjU4LDEwNTEyNTksMTA1MTI2MCwxMDUxMjYxLDEwNTEyNjIsMTA1MTI2MywxMDUxMjY0LDEwNTEyNjUsMTA1MTI2NiwxMDUxMjY3LDEwNTEyNjgsMTA1MTI2OSwxMDUxMjcwLDEwNTEyNzEsMTA1MTI3MiwxMDUxMjczLDEwNTEyNzQsMTA1MTI3NSIsIm9yZGVyaW5nIjoiMzUyMTYiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='35216'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_35216' value='45d85a0ccb'/> </form></div> </div> </div></div> <div class="panel blogger"><div class='ays-quiz-wrap'> <div class='ays-quiz-container ays_quiz_classic_light ays-quiz-keyboard-active' data-quest-effect='shake' data-hide-bg-image='false' id='ays-quiz-container-36154'> <div class='ays-questions-container'> <div class='ays-quiz-some-items-icons-wrap'><div class="ays-quiz-full-screen-wrap"> <a class="ays-quiz-full-screen-container"> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-close-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#fff" viewBox="0 0 24 24" width="24" class="ays-quiz-open-full-screen"> <path d="M0 0h24v24H0z" fill="none"/> <path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/> </svg> </a> </div></div> <span class='ays_quizn_ancnoxneri_qanak'><i class='ays_fa ays_fa_users'></i> 0</span> <form action='' method='post' autocomplete='off' id='ays_finish_quiz_36154' class='ays-quiz-form enable_questions_result ' ><input type='hidden' class='ays_question_count_per_page' value='30'> <input type='hidden' value='list' class='answer_view_class'> <input type='hidden' value='' class='ays_qm_enable_arrows'><section class='ays_quiz_timer_container'> <div class='ays-quiz-timer ays-quiz-message-before-timer' data-timer='2700'><p>Bạn đã sẵn sàng chưa? 45 phút làm bài bắt đầu!!!</p> </div> <div class='ays-quiz-after-timer '><p>Bạn đã hết giờ làm bài! Xem kết quả các câu hỏi đã làm nhé!!!</p> </div> <hr style='height:1px;'> </section> <div class='step active-step'> <div class='ays-abs-fs ays-start-page'> <div class='ays_cb_and_a'><p style='margin:0!important;'><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong></p></div> <p class='ays-fs-title'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 10</p> <div class='ays_buttons_div'> <input type='button' name='next' class='ays_next start_button action-button ays-quiz-keyboard-active' value='Làm bài' data-enable-leave-page="false" /> </div> <div class='ays-fs-subtitle'><p><strong>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh - Đề 10</strong> được xây dựng với nhiều câu hỏi chất lượng, sát với nội dung chương trình học, giúp bạn dễ dàng ôn tập và kiểm tra kiến thức hiệu quả. Hãy cùng bắt đầu làm bài tập trắc nghiệm ngay để nâng cao hiểu biết và chuẩn bị tốt cho kỳ thi sắp tới!</p> <div class="question-block"> <p>Câu 1: Trong CSS, bộ chọn lớp (Class Selector) được sử dụng để làm gì?</p> <ul> <li><strong>A. Áp dụng kiểu dáng cho một hoặc nhiều phần tử HTML có cùng tên lớp.</strong></li> <li>B. Áp dụng kiểu dáng cho một phần tử HTML duy nhất trên trang.</li> <li>C. Áp dụng kiểu dáng cho tất cả các phần tử HTML cùng loại (ví dụ: tất cả các thẻ p).</li> <li>D. Áp dụng kiểu dáng cho các phần tử dựa trên vị trí của chúng trong cấu trúc HTML.</li> </ul> </div> <div class="question-block"> <p>Câu 2: Cú pháp chính xác để khai báo một bộ chọn lớp có tên là `highlight` trong tệp CSS là gì?</p> <ul> <li>A. #highlight { ... }</li> <li>B. highlight { ... }</li> <li><strong>C. .highlight { ... }</strong></li> <li>D. *highlight { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 3: Để áp dụng một bộ chọn lớp có tên `warning` vào một đoạn văn bản `</p> <p>` trong tệp HTML, bạn sẽ sử dụng thuộc tính HTML nào và với giá trị như thế nào?</p> <ul> <li>A. `id=</li> <li><strong>B. `class=</strong></li> <li>C. `name=</li> <li>D. `style=</li> </ul> </div> <div class="question-block"> <p>Câu 4: Bộ chọn định danh (ID Selector) trong CSS được sử dụng để làm gì?</p> <ul> <li>A. Áp dụng kiểu dáng cho một hoặc nhiều phần tử HTML có cùng tên định danh.</li> <li>B. Áp dụng kiểu dáng cho tất cả các phần tử HTML cùng loại.</li> <li>C. Áp dụng kiểu dáng cho các phần tử dựa trên trạng thái của chúng (ví dụ: khi di chuột qua).</li> <li><strong>D. Áp dụng kiểu dáng cho một phần tử HTML duy nhất có thuộc tính `id` tương ứng.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 5: Cú pháp chính xác để khai báo một bộ chọn định danh có tên là `header` trong tệp CSS là gì?</p> <ul> <li><strong>A. #header { ... }</strong></li> <li>B. .header { ... }</li> <li>C. header { ... }</li> <li>D. *header { ... }</li> </ul> </div> <div class="question-block"> <p>Câu 6: Để áp dụng một bộ chọn định danh có tên `site-title` vào một tiêu đề `</p> <h1>` trong tệp HTML, bạn sẽ sử dụng thuộc tính HTML nào và với giá trị như thế nào?</p> <ul> <li>A. `class=</li> <li>B. `name=</li> <li><strong>C. `id=</strong></li> <li>D. `style=</li> </ul> </div> <div class="question-block"> <p>Câu 7: Điểm khác biệt CỐT LÕI nhất giữa bộ chọn lớp và bộ chọn định danh là gì?</p> <ul> <li>A. Bộ chọn lớp chỉ dùng cho văn bản, bộ chọn định danh dùng cho hình ảnh.</li> <li><strong>B. Bộ chọn định danh chỉ áp dụng cho một phần tử duy nhất, bộ chọn lớp áp dụng cho nhiều phần tử.</strong></li> <li>C. Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh.</li> <li>D. Bộ chọn định danh chỉ có thể khai báo trong thẻ `<br /> <style>`, bộ chọn lớp có thể khai báo ở tệp ngoại.</li> </ul> </div> <div class="question-block"> <p>Câu 8: Bạn có hai lớp CSS là `.text-center` (căn giữa văn bản) và `.text-bold` (chữ in đậm). Để áp dụng cả hai kiểu dáng này cho cùng một đoạn văn bản `</p> <p>`, bạn sẽ viết thẻ `</p> <p>` như thế nào?</p> <ul> <li>A. ` <p class=</li> <li>B. ` <p class=</li> <li>C. ` <p class=</li> <li><strong>D. ` <p classes=</strong></li> </ul> </div> <div class="question-block"> <p>Câu 9: Xem xét đoạn mã HTML và CSS sau:<br />HTML: `</p> <div id= <ul> <li>A. Có viền xanh nhưng không có nền vàng.</li> <li><strong>B. Có viền xanh và nền vàng.</strong></li> <li>C. Có nền vàng nhưng không có viền xanh.</li> <li>D. Không có kiểu dáng nào được áp dụng.</li> </ul> </div> <div class="question-block"> <p>Câu 10: Bạn muốn định dạng TẤT CẢ các nút nhấn (`<button>`) trên trang web của mình có màu nền xanh lá cây. Bộ chọn CSS nào là phù hợp nhất cho mục đích này?</p> <ul> <li><strong>A. `button { background-color: green; }`</strong></li> <li>B. `.button { background-color: green; }`</li> <li>C. `#button { background-color: green; }`</li> <li>D. `* { background-color: green; }`</li> </ul> </div> <div class="question-block"> <p>Câu 11: Bạn đang thiết kế một trang web và cần một cách để định dạng <i>chỉ</i> logo duy nhất ở góc trên bên trái. Bộ chọn CSS nào bạn NÊN sử dụng cho phần tử chứa logo này?</p> <ul> <li>A. Bộ chọn lớp (Class Selector).</li> <li>B. Bộ chọn phần tử (Element Selector).</li> <li><strong>C. Bộ chọn định danh (ID Selector).</strong></li> <li>D. Bộ chọn toàn cục (Universal Selector).</li> </ul> </div> <div class="question-block"> <p>Câu 12: Bạn muốn tạo một kiểu dáng đặc biệt (ví dụ: viền đứt nét màu đỏ) có thể áp dụng cho <i>một số</i> hình ảnh trong thư viện ảnh của mình, nhưng không phải tất cả. Bạn nên sử dụng bộ chọn nào để định nghĩa kiểu dáng này?</p> <ul> <li><strong>A. Bộ chọn lớp (Class Selector).</strong></li> <li>B. Bộ chọn định danh (ID Selector).</li> <li>C. Bộ chọn phần tử (Element Selector) cho thẻ `<img>`.</li> <li>D. Bộ chọn toàn cục (Universal Selector).</li> </ul> </div> <div class="question-block"> <p>Câu 13: Xem xét đoạn mã HTML và CSS sau:<br />HTML: `</p> <h2 id= <ul> <li><strong>A. Màu đỏ, vì bộ chọn ID có độ ưu tiên cao hơn bộ chọn Class.</strong></li> <li>B. Màu xanh, vì bộ chọn Class xuất hiện sau trong CSS.</li> <li>C. Màu xanh, vì bộ chọn Class có độ ưu tiên cao hơn bộ chọn ID.</li> <li>D. Màu mặc định (thường là đen), vì có xung đột giữa hai quy tắc.</li> </ul> </div> <div class="question-block"> <p>Câu 14: Bạn có một tệp CSS với quy tắc `.article-content p { line-height: 1.6; }`. Quy tắc này sẽ áp dụng khoảng cách dòng 1.6 cho những phần tử nào trong HTML?</p> <ul> <li>A. Tất cả các phần tử ` <p>` trên trang.</li> <li>B. Phần tử có lớp `article-content`.</li> <li><strong>C. Tất cả các phần tử ` <p>` nằm bên trong một phần tử có lớp `article-content`.</strong></li> <li>D. Phần tử ` <p>` có lớp `article-content`.</li> </ul> </div> <div class="question-block"> <p>Câu 15: Bạn có một tệp CSS với quy tắc `#main-navigation a { text-decoration: none; }`. Quy tắc này sẽ áp dụng gạch chân cho những liên kết (`<a>`) nào trong HTML?</p> <ul> <li>A. Tất cả các liên kết (`<a>`) trên trang.</li> <li><strong>B. Tất cả các liên kết (`<a>`) nằm bên trong phần tử có ID `main-navigation`.</strong></li> <li>C. Phần tử có ID `main-navigation`.</li> <li>D. Liên kết (`<a>`) có ID `main-navigation`.</li> </ul> </div> <div class="question-block"> <p>Câu 16: Bạn muốn tạo một quy tắc CSS để định dạng <i>chỉ</i> các hình ảnh (`<img>`) được đánh dấu bằng lớp `thumbnail`. Cú pháp CSS nào là chính xác?</p> <ul> <li>A. `.thumbnail { ... }`</li> <li>B. `#thumbnail { ... }`</li> <li>C. `img .thumbnail { ... }`</li> <li><strong>D. `img.thumbnail { ... }`</strong></li> </ul> </div> <div class="question-block"> <p>Câu 17: Bạn muốn tạo một quy tắc CSS để định dạng <i>chỉ</i> phần tử `</p> <div>` được đánh dấu bằng ID `modal-dialog`. Cú pháp CSS nào là chính xác?</p> <ul> <li>A. `#modal-dialog { ... }`</li> <li><strong>B. `div#modal-dialog { ... }`</strong></li> <li>C. `div #modal-dialog { ... }`</li> <li>D. `.modal-dialog { ... }`</li> </ul> </div> <div class="question-block"> <p>Câu 18: Xem xét đoạn mã HTML: `</p> <p class= <ul> <li>A. Chỉ 1 và 2.</li> <li>B. Chỉ 1, 2 và 4.</li> <li>C. Chỉ 1, 3 và 4.</li> <li><strong>D. Chỉ 1, 2 và 3.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 19: Bạn có một phần tử HTML `</p> <div id= <ul> <li><strong>A. `#content { color: blue; }`</strong></li> <li>B. `.content { color: blue; }`</li> <li>C. `div.content { color: blue; }`</li> <li>D. `content { color: blue; }`</li> </ul> </div> <div class="question-block"> <p>Câu 20: Thuộc tính `id` trong HTML có yêu cầu gì về tính duy nhất trong một tài liệu?</p> <ul> <li>A. Mỗi giá trị `id` phải duy nhất trong phạm vi một khối (block) HTML.</li> <li><strong>B. Mỗi giá trị `id` phải duy nhất trong toàn bộ tài liệu HTML.</strong></li> <li>C. Nhiều phần tử có thể có cùng một giá trị `id` nếu chúng cùng loại.</li> <li>D. Thuộc tính `id` không có yêu cầu về tính duy nhất.</li> </ul> </div> <div class="question-block"> <p>Câu 21: Nếu bạn có một quy tắc CSS `.button { padding: 10px; }` và một quy tắc `#submit-button { padding: 20px; }`, và một nút HTML có cả hai: `<button class= <ul> <li>A. 10px.</li> <li>B. 15px (trung bình cộng).</li> <li><strong>C. 20px.</strong></li> <li>D. Không có giá trị nào được áp dụng do xung đột.</li> </ul> </div> <div class="question-block"> <p>Câu 22: Phát biểu nào sau đây về bộ chọn lớp (Class Selector) là SAI?</p> <ul> <li>A. Có thể áp dụng cho nhiều phần tử HTML.</li> <li>B. Cú pháp khai báo bắt đầu bằng dấu chấm (.).</li> <li>C. Một phần tử HTML có thể có nhiều lớp.</li> <li><strong>D. Cú pháp khai báo trong CSS bắt đầu bằng dấu thăng (#).</strong></li> </ul> </div> <div class="question-block"> <p>Câu 23: Bạn muốn đặt màu nền xám nhạt cho phần chân trang (`</p> <footer>`) của trang web, và đây là phần tử duy nhất có vai trò này. Lựa chọn nào sau đây là cách tiếp cận tốt nhất để định dạng nó?</p> <ul> <li>A. Sử dụng bộ chọn phần tử `footer { background-color: lightgray; }`.</li> <li>B. Gán lớp `class=</li> <li><strong>C. Gán ID `id=</strong></li> <li>D. Sử dụng bộ chọn toàn cục `* { background-color: lightgray; }`.</li> </ul> </div> <div class="question-block"> <p>Câu 24: Bạn có một danh sách các mục (`</p> <li>`) trong một menu điều hướng (`<br /> <nav>`). Bạn muốn các mục menu này có màu chữ khác với các mục danh sách thông thường ở nơi khác trên trang. Bạn nên sử dụng bộ chọn nào để nhắm mục tiêu các mục menu?</p> <ul> <li><strong>A. Bộ chọn con cháu (ví dụ: `nav li { ... }`).</strong></li> <li>B. Gán ID duy nhất cho mỗi mục ` <li>`.</li> <li>C. Sử dụng bộ chọn toàn cục `* { ... }`.</li> <li>D. Chỉ sử dụng bộ chọn phần tử `li { ... }`.</li> </ul> </div> <div class="question-block"> <p>Câu 25: Xem xét đoạn mã HTML: `<button class= <ul> <li>A. Chỉ có cỡ chữ 16px.</li> <li>B. Chỉ có màu chữ trắng và nền xanh.</li> <li>C. Không có kiểu dáng nào được áp dụng do có nhiều lớp.</li> <li><strong>D. Cỡ chữ 16px, màu chữ trắng và nền xanh.</strong></li> </ul> </div> <div class="question-block"> <p>Câu 26: Trường hợp nào sau đây <i>không</i> phù hợp để sử dụng bộ chọn định danh (ID Selector)?</p> <ul> <li><strong>A. Định dạng các mục trong danh sách sản phẩm có cùng kiểu hiển thị.</strong></li> <li>B. Định dạng phần tử tiêu đề chính của trang web (thường chỉ có một).</li> <li>C. Định dạng phần tử chứa nội dung chính của trang.</li> <li>D. Định dạng phần tử chân trang (footer).</li> </ul> </div> <div class="question-block"> <p>Câu 27: Khi bạn muốn tạo một kiểu dáng (ví dụ: màu nền đỏ) cho các ô nhập liệu (`<input>`) khi người dùng nhập dữ liệu không hợp lệ, và bạn có thể có nhiều ô nhập liệu như vậy trên trang, bạn nên sử dụng cách nào để định dạng?</p> <ul> <li>A. Gán một ID duy nhất cho mỗi ô nhập liệu không hợp lệ và sử dụng bộ chọn ID.</li> <li><strong>B. Định nghĩa một lớp CSS (ví dụ: `.invalid-input`) và áp dụng lớp đó cho các ô nhập liệu không hợp lệ.</strong></li> <li>C. Sử dụng bộ chọn phần tử `input { background-color: red; }`.</li> <li>D. Viết kiểu dáng nội tuyến (inline style) cho từng ô nhập liệu không hợp lệ.</li> </ul> </div> <div class="question-block"> <p>Câu 28: Xem xét đoạn mã CSS: `.gallery-item img { border: 1px solid #ccc; }`. Quy tắc này nhắm đến các phần tử nào?</p> <ul> <li>A. Phần tử có lớp `gallery-item` và phần tử `img` bất kỳ.</li> <li>B. Phần tử `img` có lớp `gallery-item`.</li> <li><strong>C. Tất cả các phần tử `img` nằm bên trong một phần tử có lớp `gallery-item`.</strong></li> <li>D. Phần tử có lớp `gallery-item` nằm bên trong một phần tử `img`.</li> </ul> </div> <div class="question-block"> <p>Câu 29: Bạn có một quy tắc CSS `#site-header { height: 100px; }`. Để quy tắc này có hiệu lực, phần tử HTML tương ứng phải có thuộc tính nào và giá trị của nó là gì?</p> <ul> <li>A. Thuộc tính `class` với giá trị `site-header`.</li> <li><strong>B. Thuộc tính `id` với giá trị `site-header`.</strong></li> <li>C. Thuộc tính `name` với giá trị `site-header`.</li> <li>D. Thuộc tính `style` với giá trị `site-header`.</li> </ul> </div> <div class="question-block"> <p>Câu 30: Phát biểu nào sau đây về việc sử dụng bộ chọn lớp và bộ chọn định danh là ĐÚNG?</p> <ul> <li>A. Bộ chọn lớp chỉ có thể áp dụng cho các phần tử khối (block elements).</li> <li>B. Bộ chọn định danh có thể được sử dụng nhiều lần trên cùng một trang nếu các phần tử khác loại.</li> <li>C. Độ ưu tiên của bộ chọn lớp luôn cao hơn bộ chọn định danh.</li> <li><strong>D. Bộ chọn lớp và bộ chọn định danh có thể được sử dụng kết hợp với bộ chọn phần tử để nhắm mục tiêu cụ thể hơn.</strong></li> </ul> </div> </div> <input type='hidden' name='ays_quiz_id' value='36154'/> <input type='hidden' name='ays_quiz_curent_page_link' class='ays-quiz-curent-page-link' value='https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-10-bo-chon-lop-bo-chon-dinh-danh-canh-dieu/'/> <input type='hidden' name='ays_quiz_questions' value='1079279,1079280,1079281,1079282,1079283,1079284,1079285,1079286,1079287,1079288,1079289,1079290,1079291,1079292,1079293,1079294,1079295,1079296,1079297,1079298,1079299,1079300,1079301,1079302,1079303,1079304,1079305,1079306,1079307,1079308'> </div> </div><div class='step ' data-question-id='1079279' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>1 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 1: Trong CSS, bộ chọn lớp (Class Selector) được sử dụng để làm gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079279]' id='ays-answer-4321773-36154' value='4321773'/> <label for='ays-answer-4321773-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng kiểu dáng cho một hoặc nhiều phần tử HTML có cùng tên lớp.</label><label for='ays-answer-4321773-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079279]' id='ays-answer-4321774-36154' value='4321774'/> <label for='ays-answer-4321774-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng kiểu dáng cho một phần tử HTML duy nhất trên trang.</label><label for='ays-answer-4321774-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079279]' id='ays-answer-4321775-36154' value='4321775'/> <label for='ays-answer-4321775-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng kiểu dáng cho tất cả các phần tử HTML cùng loại (ví dụ: tất cả các thẻ p).</label><label for='ays-answer-4321775-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079279]' id='ays-answer-4321776-36154' value='4321776'/> <label for='ays-answer-4321776-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng kiểu dáng cho các phần tử dựa trên vị trí của chúng trong cấu trúc HTML.</label><label for='ays-answer-4321776-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079279'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTc3MyI6IjEiLCI0MzIxNzc0IjoiMCIsIjQzMjE3NzUiOiIwIiwiNDMyMTc3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp (.class) được thiết kế để áp dụng cùng một kiểu dáng cho nhiều phần tử HTML khác nhau, miễn là các phần tử đó có cùng tên lớp được chỉ định.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079280' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>2 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 2: Cú pháp chính xác để khai báo một bộ chọn lớp có tên là `highlight` trong tệp CSS là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079280]' id='ays-answer-4321777-36154' value='4321777'/> <label for='ays-answer-4321777-36154' class=' ays_position_initial ays-quiz-keyboard-label'>#highlight { ... }</label><label for='ays-answer-4321777-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079280]' id='ays-answer-4321778-36154' value='4321778'/> <label for='ays-answer-4321778-36154' class=' ays_position_initial ays-quiz-keyboard-label'>highlight { ... }</label><label for='ays-answer-4321778-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079280]' id='ays-answer-4321779-36154' value='4321779'/> <label for='ays-answer-4321779-36154' class=' ays_position_initial ays-quiz-keyboard-label'>.highlight { ... }</label><label for='ays-answer-4321779-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079280]' id='ays-answer-4321780-36154' value='4321780'/> <label for='ays-answer-4321780-36154' class=' ays_position_initial ays-quiz-keyboard-label'>*highlight { ... }</label><label for='ays-answer-4321780-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079280'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTc3NyI6IjAiLCI0MzIxNzc4IjoiMCIsIjQzMjE3NzkiOiIxIiwiNDMyMTc4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp trong CSS luôn bắt đầu bằng dấu chấm (.), theo sau là tên lớp. Cú pháp đúng là `.tên_lớp { ... }`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079281' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>3 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 3: Để áp dụng một bộ chọn lớp có tên `warning` vào một đoạn văn bản `</p> <p>` trong tệp HTML, bạn sẽ sử dụng thuộc tính HTML nào và với giá trị như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079281]' id='ays-answer-4321781-36154' value='4321781'/> <label for='ays-answer-4321781-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`id="warning"`</label><label for='ays-answer-4321781-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079281]' id='ays-answer-4321782-36154' value='4321782'/> <label for='ays-answer-4321782-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`class="warning"`</label><label for='ays-answer-4321782-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079281]' id='ays-answer-4321783-36154' value='4321783'/> <label for='ays-answer-4321783-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`name="warning"`</label><label for='ays-answer-4321783-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079281]' id='ays-answer-4321784-36154' value='4321784'/> <label for='ays-answer-4321784-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`style="warning"`</label><label for='ays-answer-4321784-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079281'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTc4MSI6IjAiLCI0MzIxNzgyIjoiMSIsIjQzMjE3ODMiOiIwIiwiNDMyMTc4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng một lớp CSS cho một phần tử HTML, sử dụng thuộc tính `class` và gán tên lớp (không có dấu chấm) làm giá trị của thuộc tính.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079282' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>4 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 4: Bộ chọn định danh (ID Selector) trong CSS được sử dụng để làm gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079282]' id='ays-answer-4321785-36154' value='4321785'/> <label for='ays-answer-4321785-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng kiểu dáng cho một hoặc nhiều phần tử HTML có cùng tên định danh.</label><label for='ays-answer-4321785-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079282]' id='ays-answer-4321786-36154' value='4321786'/> <label for='ays-answer-4321786-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng kiểu dáng cho tất cả các phần tử HTML cùng loại.</label><label for='ays-answer-4321786-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079282]' id='ays-answer-4321787-36154' value='4321787'/> <label for='ays-answer-4321787-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng kiểu dáng cho các phần tử dựa trên trạng thái của chúng (ví dụ: khi di chuột qua).</label><label for='ays-answer-4321787-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079282]' id='ays-answer-4321788-36154' value='4321788'/> <label for='ays-answer-4321788-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Áp dụng kiểu dáng cho một phần tử HTML duy nhất có thuộc tính `id` tương ứng.</label><label for='ays-answer-4321788-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079282'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTc4NSI6IjAiLCI0MzIxNzg2IjoiMCIsIjQzMjE3ODciOiIwIiwiNDMyMTc4OCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn định danh (#id) được sử dụng để áp dụng kiểu dáng cho một phần tử HTML *duy nhất* trên trang, vì thuộc tính `id` phải là duy nhất trong toàn bộ tài liệu HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079283' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>5 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 5: Cú pháp chính xác để khai báo một bộ chọn định danh có tên là `header` trong tệp CSS là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079283]' id='ays-answer-4321789-36154' value='4321789'/> <label for='ays-answer-4321789-36154' class=' ays_position_initial ays-quiz-keyboard-label'>#header { ... }</label><label for='ays-answer-4321789-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079283]' id='ays-answer-4321790-36154' value='4321790'/> <label for='ays-answer-4321790-36154' class=' ays_position_initial ays-quiz-keyboard-label'>.header { ... }</label><label for='ays-answer-4321790-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079283]' id='ays-answer-4321791-36154' value='4321791'/> <label for='ays-answer-4321791-36154' class=' ays_position_initial ays-quiz-keyboard-label'>header { ... }</label><label for='ays-answer-4321791-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079283]' id='ays-answer-4321792-36154' value='4321792'/> <label for='ays-answer-4321792-36154' class=' ays_position_initial ays-quiz-keyboard-label'>*header { ... }</label><label for='ays-answer-4321792-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079283'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTc4OSI6IjEiLCI0MzIxNzkwIjoiMCIsIjQzMjE3OTEiOiIwIiwiNDMyMTc5MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn định danh trong CSS luôn bắt đầu bằng dấu thăng (#), theo sau là tên định danh. Cú pháp đúng là `#tên_định_danh { ... }`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079284' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>6 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 6: Để áp dụng một bộ chọn định danh có tên `site-title` vào một tiêu đề `</p> <h1>` trong tệp HTML, bạn sẽ sử dụng thuộc tính HTML nào và với giá trị như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079284]' id='ays-answer-4321793-36154' value='4321793'/> <label for='ays-answer-4321793-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`class="site-title"`</label><label for='ays-answer-4321793-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079284]' id='ays-answer-4321794-36154' value='4321794'/> <label for='ays-answer-4321794-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`name="site-title"`</label><label for='ays-answer-4321794-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079284]' id='ays-answer-4321795-36154' value='4321795'/> <label for='ays-answer-4321795-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`id="site-title"`</label><label for='ays-answer-4321795-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079284]' id='ays-answer-4321796-36154' value='4321796'/> <label for='ays-answer-4321796-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`style="site-title"`</label><label for='ays-answer-4321796-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079284'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTc5MyI6IjAiLCI0MzIxNzk0IjoiMCIsIjQzMjE3OTUiOiIxIiwiNDMyMTc5NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng một định danh CSS cho một phần tử HTML, sử dụng thuộc tính `id` và gán tên định danh (không có dấu thăng) làm giá trị của thuộc tính.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079285' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>7 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 7: Điểm khác biệt CỐT LÕI nhất giữa bộ chọn lớp và bộ chọn định danh là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079285]' id='ays-answer-4321797-36154' value='4321797'/> <label for='ays-answer-4321797-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp chỉ dùng cho văn bản, bộ chọn định danh dùng cho hình ảnh.</label><label for='ays-answer-4321797-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079285]' id='ays-answer-4321798-36154' value='4321798'/> <label for='ays-answer-4321798-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh chỉ áp dụng cho một phần tử duy nhất, bộ chọn lớp áp dụng cho nhiều phần tử.</label><label for='ays-answer-4321798-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079285]' id='ays-answer-4321799-36154' value='4321799'/> <label for='ays-answer-4321799-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp có độ ưu tiên cao hơn bộ chọn định danh.</label><label for='ays-answer-4321799-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079285]' id='ays-answer-4321800-36154' value='4321800'/> <label for='ays-answer-4321800-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh chỉ có thể khai báo trong thẻ `<style>`, bộ chọn lớp có thể khai báo ở tệp ngoại.</label><label for='ays-answer-4321800-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079285'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTc5NyI6IjAiLCI0MzIxNzk4IjoiMSIsIjQzMjE3OTkiOiIwIiwiNDMyMTgwMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Điểm khác biệt quan trọng nhất là tính duy nhất: ID chỉ được sử dụng cho một phần tử duy nhất trên trang, trong khi Class có thể được sử dụng cho nhiều phần tử.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079286' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>8 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 8: Bạn có hai lớp CSS là `.text-center` (căn giữa văn bản) và `.text-bold` (chữ in đậm). Để áp dụng cả hai kiểu dáng này cho cùng một đoạn văn bản `</p> <p>`, bạn sẽ viết thẻ `</p> <p>` như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079286]' id='ays-answer-4321801-36154' value='4321801'/> <label for='ays-answer-4321801-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`<p class="text-center, text-bold">...</p>`</label><label for='ays-answer-4321801-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079286]' id='ays-answer-4321802-36154' value='4321802'/> <label for='ays-answer-4321802-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`<p class="text-center text-bold">...</p>`</label><label for='ays-answer-4321802-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079286]' id='ays-answer-4321803-36154' value='4321803'/> <label for='ays-answer-4321803-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`<p class="text-center-text-bold">...</p>`</label><label for='ays-answer-4321803-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079286]' id='ays-answer-4321804-36154' value='4321804'/> <label for='ays-answer-4321804-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`<p classes="text-center text-bold">...</p>`</label><label for='ays-answer-4321804-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079286'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTgwMSI6IjAiLCI0MzIxODAyIjoiMCIsIjQzMjE4MDMiOiIwIiwiNDMyMTgwNCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để áp dụng nhiều lớp cho một phần tử, liệt kê tên các lớp trong thuộc tính `class`, cách nhau bởi dấu cách.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079287' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>9 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 9: Xem xét đoạn mã HTML và CSS sau:<br />HTML: `</p> <div id="sidebar" class="box">Nội dung</div> <p>`<br />CSS: `#sidebar { border: 1px solid blue; }`<br />`.box { background-color: yellow; }`<br />Phần tử `</p> <div>` này sẽ hiển thị như thế nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079287]' id='ays-answer-4321805-36154' value='4321805'/> <label for='ays-answer-4321805-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Có viền xanh nhưng không có nền vàng.</label><label for='ays-answer-4321805-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079287]' id='ays-answer-4321806-36154' value='4321806'/> <label for='ays-answer-4321806-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Có viền xanh và nền vàng.</label><label for='ays-answer-4321806-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079287]' id='ays-answer-4321807-36154' value='4321807'/> <label for='ays-answer-4321807-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Có nền vàng nhưng không có viền xanh.</label><label for='ays-answer-4321807-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079287]' id='ays-answer-4321808-36154' value='4321808'/> <label for='ays-answer-4321808-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Không có kiểu dáng nào được áp dụng.</label><label for='ays-answer-4321808-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079287'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTgwNSI6IjAiLCI0MzIxODA2IjoiMSIsIjQzMjE4MDciOiIwIiwiNDMyMTgwOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Phần tử `div` có cả `id="sidebar"` và `class="box"`. Quy tắc CSS `#sidebar` áp dụng viền xanh, quy tắc `.box` áp dụng nền vàng. Cả hai quy tắc đều áp dụng cho phần tử này một cách độc lập (không xung đột thuộc tính), nên nó sẽ có cả viền xanh và nền vàng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079288' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>10 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 10: Bạn muốn định dạng TẤT CẢ các nút nhấn (`<button>`) trên trang web của mình có màu nền xanh lá cây. Bộ chọn CSS nào là phù hợp nhất cho mục đích này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079288]' id='ays-answer-4321809-36154' value='4321809'/> <label for='ays-answer-4321809-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`button { background-color: green; }`</label><label for='ays-answer-4321809-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079288]' id='ays-answer-4321810-36154' value='4321810'/> <label for='ays-answer-4321810-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`.button { background-color: green; }`</label><label for='ays-answer-4321810-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079288]' id='ays-answer-4321811-36154' value='4321811'/> <label for='ays-answer-4321811-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`#button { background-color: green; }`</label><label for='ays-answer-4321811-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079288]' id='ays-answer-4321812-36154' value='4321812'/> <label for='ays-answer-4321812-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`* { background-color: green; }`</label><label for='ays-answer-4321812-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079288'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTgwOSI6IjEiLCI0MzIxODEwIjoiMCIsIjQzMjE4MTEiOiIwIiwiNDMyMTgxMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để định dạng tất cả các phần tử cùng loại, sử dụng bộ chọn phần tử (Element Selector), chỉ cần viết tên thẻ HTML.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079289' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>11 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 11: Bạn đang thiết kế một trang web và cần một cách để định dạng *chỉ* logo duy nhất ở góc trên bên trái. Bộ chọn CSS nào bạn NÊN sử dụng cho phần tử chứa logo này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079289]' id='ays-answer-4321813-36154' value='4321813'/> <label for='ays-answer-4321813-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class Selector).</label><label for='ays-answer-4321813-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079289]' id='ays-answer-4321814-36154' value='4321814'/> <label for='ays-answer-4321814-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử (Element Selector).</label><label for='ays-answer-4321814-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079289]' id='ays-answer-4321815-36154' value='4321815'/> <label for='ays-answer-4321815-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID Selector).</label><label for='ays-answer-4321815-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079289]' id='ays-answer-4321816-36154' value='4321816'/> <label for='ays-answer-4321816-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn toàn cục (Universal Selector).</label><label for='ays-answer-4321816-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079289'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTgxMyI6IjAiLCI0MzIxODE0IjoiMCIsIjQzMjE4MTUiOiIxIiwiNDMyMTgxNiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Vì logo là một phần tử duy nhất trên trang, bộ chọn định danh (ID Selector) là lựa chọn phù hợp nhất để đảm bảo tính duy nhất và dễ dàng xác định.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079290' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>12 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 12: Bạn muốn tạo một kiểu dáng đặc biệt (ví dụ: viền đứt nét màu đỏ) có thể áp dụng cho *một số* hình ảnh trong thư viện ảnh của mình, nhưng không phải tất cả. Bạn nên sử dụng bộ chọn nào để định nghĩa kiểu dáng này?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079290]' id='ays-answer-4321817-36154' value='4321817'/> <label for='ays-answer-4321817-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp (Class Selector).</label><label for='ays-answer-4321817-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079290]' id='ays-answer-4321818-36154' value='4321818'/> <label for='ays-answer-4321818-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh (ID Selector).</label><label for='ays-answer-4321818-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079290]' id='ays-answer-4321819-36154' value='4321819'/> <label for='ays-answer-4321819-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn phần tử (Element Selector) cho thẻ `<img>`.</label><label for='ays-answer-4321819-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079290]' id='ays-answer-4321820-36154' value='4321820'/> <label for='ays-answer-4321820-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn toàn cục (Universal Selector).</label><label for='ays-answer-4321820-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079290'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTgxNyI6IjEiLCI0MzIxODE4IjoiMCIsIjQzMjE4MTkiOiIwIiwiNDMyMTgyMCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Khi cần áp dụng kiểu dáng cho một tập hợp con các phần tử cùng loại hoặc các phần tử khác loại có cùng đặc điểm, bộ chọn lớp (Class Selector) là phù hợp nhất vì nó có thể tái sử dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079291' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>13 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 13: Xem xét đoạn mã HTML và CSS sau:<br />HTML: `</p> <h2 id="main-heading" class="title">Tiêu đề chính</h2> <p>`<br />CSS: `#main-heading { color: red; }`<br />`.title { color: blue; }`<br />Màu sắc cuối cùng của tiêu đề `</p> <h2>` này sẽ là gì? Tại sao?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079291]' id='ays-answer-4321821-36154' value='4321821'/> <label for='ays-answer-4321821-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Màu đỏ, vì bộ chọn ID có độ ưu tiên cao hơn bộ chọn Class.</label><label for='ays-answer-4321821-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079291]' id='ays-answer-4321822-36154' value='4321822'/> <label for='ays-answer-4321822-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh, vì bộ chọn Class xuất hiện sau trong CSS.</label><label for='ays-answer-4321822-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079291]' id='ays-answer-4321823-36154' value='4321823'/> <label for='ays-answer-4321823-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Màu xanh, vì bộ chọn Class có độ ưu tiên cao hơn bộ chọn ID.</label><label for='ays-answer-4321823-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079291]' id='ays-answer-4321824-36154' value='4321824'/> <label for='ays-answer-4321824-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Màu mặc định (thường là đen), vì có xung đột giữa hai quy tắc.</label><label for='ays-answer-4321824-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079291'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTgyMSI6IjEiLCI0MzIxODIyIjoiMCIsIjQzMjE4MjMiOiIwIiwiNDMyMTgyNCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Khi có nhiều quy tắc CSS áp dụng cho cùng một phần tử và cùng một thuộc tính (ở đây là `color`), độ ưu tiên (specificity) của bộ chọn sẽ quyết định. Bộ chọn ID có độ ưu tiên cao hơn bộ chọn Class, do đó màu đỏ từ `#main-heading` sẽ được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079292' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>14 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 14: Bạn có một tệp CSS với quy tắc `.article-content p { line-height: 1.6; }`. Quy tắc này sẽ áp dụng khoảng cách dòng 1.6 cho những phần tử nào trong HTML?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079292]' id='ays-answer-4321825-36154' value='4321825'/> <label for='ays-answer-4321825-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các phần tử `<p>` trên trang.</label><label for='ays-answer-4321825-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079292]' id='ays-answer-4321826-36154' value='4321826'/> <label for='ays-answer-4321826-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử có lớp `article-content`.</label><label for='ays-answer-4321826-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079292]' id='ays-answer-4321827-36154' value='4321827'/> <label for='ays-answer-4321827-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các phần tử `<p>` nằm bên trong một phần tử có lớp `article-content`.</label><label for='ays-answer-4321827-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079292]' id='ays-answer-4321828-36154' value='4321828'/> <label for='ays-answer-4321828-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử `<p>` có lớp `article-content`.</label><label for='ays-answer-4321828-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079292'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTgyNSI6IjAiLCI0MzIxODI2IjoiMCIsIjQzMjE4MjciOiIxIiwiNDMyMTgyOCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Đây là bộ chọn con cháu (descendant selector) kết hợp với bộ chọn lớp và bộ chọn phần tử. Nó chọn tất cả các phần tử `</p> <p>` NẰM BÊN TRONG một phần tử có lớp là `article-content`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079293' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>15 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 15: Bạn có một tệp CSS với quy tắc `#main-navigation a { text-decoration: none; }`. Quy tắc này sẽ áp dụng gạch chân cho những liên kết (`<a>`) nào trong HTML?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079293]' id='ays-answer-4321829-36154' value='4321829'/> <label for='ays-answer-4321829-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các liên kết (`<a>`) trên trang.</label><label for='ays-answer-4321829-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079293]' id='ays-answer-4321830-36154' value='4321830'/> <label for='ays-answer-4321830-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các liên kết (`<a>`) nằm bên trong phần tử có ID `main-navigation`.</label><label for='ays-answer-4321830-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079293]' id='ays-answer-4321831-36154' value='4321831'/> <label for='ays-answer-4321831-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử có ID `main-navigation`.</label><label for='ays-answer-4321831-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079293]' id='ays-answer-4321832-36154' value='4321832'/> <label for='ays-answer-4321832-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Liên kết (`<a>`) có ID `main-navigation`.</label><label for='ays-answer-4321832-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079293'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTgyOSI6IjAiLCI0MzIxODMwIjoiMSIsIjQzMjE4MzEiOiIwIiwiNDMyMTgzMiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Đây là bộ chọn con cháu (descendant selector) kết hợp với bộ chọn ID và bộ chọn phần tử. Nó chọn tất cả các phần tử `<a>` NẰM BÊN TRONG một phần tử có ID là `main-navigation`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079294' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>16 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 16: Bạn muốn tạo một quy tắc CSS để định dạng *chỉ* các hình ảnh (`<img>`) được đánh dấu bằng lớp `thumbnail`. Cú pháp CSS nào là chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079294]' id='ays-answer-4321833-36154' value='4321833'/> <label for='ays-answer-4321833-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`.thumbnail { ... }`</label><label for='ays-answer-4321833-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079294]' id='ays-answer-4321834-36154' value='4321834'/> <label for='ays-answer-4321834-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`#thumbnail { ... }`</label><label for='ays-answer-4321834-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079294]' id='ays-answer-4321835-36154' value='4321835'/> <label for='ays-answer-4321835-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`img .thumbnail { ... }`</label><label for='ays-answer-4321835-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079294]' id='ays-answer-4321836-36154' value='4321836'/> <label for='ays-answer-4321836-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`img.thumbnail { ... }`</label><label for='ays-answer-4321836-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079294'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTgzMyI6IjAiLCI0MzIxODM0IjoiMCIsIjQzMjE4MzUiOiIwIiwiNDMyMTgzNiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để định dạng một phần tử cụ thể CHỈ KHI nó có một lớp nhất định, sử dụng bộ chọn kết hợp: `tên_thẻ.tên_lớp`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079295' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>17 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 17: Bạn muốn tạo một quy tắc CSS để định dạng *chỉ* phần tử `</p> <div>` được đánh dấu bằng ID `modal-dialog`. Cú pháp CSS nào là chính xác?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079295]' id='ays-answer-4321837-36154' value='4321837'/> <label for='ays-answer-4321837-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`#modal-dialog { ... }`</label><label for='ays-answer-4321837-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079295]' id='ays-answer-4321838-36154' value='4321838'/> <label for='ays-answer-4321838-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`div#modal-dialog { ... }`</label><label for='ays-answer-4321838-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079295]' id='ays-answer-4321839-36154' value='4321839'/> <label for='ays-answer-4321839-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`div #modal-dialog { ... }`</label><label for='ays-answer-4321839-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079295]' id='ays-answer-4321840-36154' value='4321840'/> <label for='ays-answer-4321840-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`.modal-dialog { ... }`</label><label for='ays-answer-4321840-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079295'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTgzNyI6IjAiLCI0MzIxODM4IjoiMSIsIjQzMjE4MzkiOiIwIiwiNDMyMTg0MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để định dạng một phần tử cụ thể CHỈ KHI nó có một ID nhất định, sử dụng bộ chọn kết hợp: `tên_thẻ#tên_id`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079296' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>18 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 18: Xem xét đoạn mã HTML: `</p> <p class="intro main-text">Chào mừng!</p> <p>`. Nếu có các quy tắc CSS sau, quy tắc nào sẽ *áp dụng* cho đoạn văn này?<br />1. `.intro { ... }`<br />2. `.main-text { ... }`<br />3. `p { ... }`<br />4. `#intro { ... }`</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079296]' id='ays-answer-4321841-36154' value='4321841'/> <label for='ays-answer-4321841-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ 1 và 2.</label><label for='ays-answer-4321841-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079296]' id='ays-answer-4321842-36154' value='4321842'/> <label for='ays-answer-4321842-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ 1, 2 và 4.</label><label for='ays-answer-4321842-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079296]' id='ays-answer-4321843-36154' value='4321843'/> <label for='ays-answer-4321843-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ 1, 3 và 4.</label><label for='ays-answer-4321843-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079296]' id='ays-answer-4321844-36154' value='4321844'/> <label for='ays-answer-4321844-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ 1, 2 và 3.</label><label for='ays-answer-4321844-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079296'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTg0MSI6IjAiLCI0MzIxODQyIjoiMCIsIjQzMjE4NDMiOiIwIiwiNDMyMTg0NCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Đoạn văn này có lớp `intro` và `main-text`, và là một thẻ `</p> <p>`. Do đó, các quy tắc sử dụng bộ chọn `.intro`, `.main-text`, và `p` đều sẽ áp dụng. Quy tắc `#intro` sẽ không áp dụng vì phần tử này không có ID là `intro`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079297' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>19 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 19: Bạn có một phần tử HTML `</p> <div id="content">...</div> <p>`. Bạn muốn đặt màu chữ cho phần tử này là màu xanh dương. Quy tắc CSS nào thực hiện được điều đó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079297]' id='ays-answer-4321845-36154' value='4321845'/> <label for='ays-answer-4321845-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`#content { color: blue; }`</label><label for='ays-answer-4321845-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079297]' id='ays-answer-4321846-36154' value='4321846'/> <label for='ays-answer-4321846-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`.content { color: blue; }`</label><label for='ays-answer-4321846-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079297]' id='ays-answer-4321847-36154' value='4321847'/> <label for='ays-answer-4321847-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`div.content { color: blue; }`</label><label for='ays-answer-4321847-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079297]' id='ays-answer-4321848-36154' value='4321848'/> <label for='ays-answer-4321848-36154' class=' ays_position_initial ays-quiz-keyboard-label'>`content { color: blue; }`</label><label for='ays-answer-4321848-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079297'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTg0NSI6IjEiLCI0MzIxODQ2IjoiMCIsIjQzMjE4NDciOiIwIiwiNDMyMTg0OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn phần tử có ID là `content` và đặt màu chữ, sử dụng bộ chọn ID `#content` và thuộc tính `color`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079298' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>20 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 20: Thuộc tính `id` trong HTML có yêu cầu gì về tính duy nhất trong một tài liệu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079298]' id='ays-answer-4321849-36154' value='4321849'/> <label for='ays-answer-4321849-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Mỗi giá trị `id` phải duy nhất trong phạm vi một khối (block) HTML.</label><label for='ays-answer-4321849-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079298]' id='ays-answer-4321850-36154' value='4321850'/> <label for='ays-answer-4321850-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Mỗi giá trị `id` phải duy nhất trong toàn bộ tài liệu HTML.</label><label for='ays-answer-4321850-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079298]' id='ays-answer-4321851-36154' value='4321851'/> <label for='ays-answer-4321851-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Nhiều phần tử có thể có cùng một giá trị `id` nếu chúng cùng loại.</label><label for='ays-answer-4321851-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079298]' id='ays-answer-4321852-36154' value='4321852'/> <label for='ays-answer-4321852-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính `id` không có yêu cầu về tính duy nhất.</label><label for='ays-answer-4321852-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079298'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTg0OSI6IjAiLCI0MzIxODUwIjoiMSIsIjQzMjE4NTEiOiIwIiwiNDMyMTg1MiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Theo chuẩn HTML, mỗi giá trị của thuộc tính `id` phải là duy nhất trong toàn bộ tài liệu. Điều này đảm bảo rằng bộ chọn ID trong CSS hoặc JavaScript luôn chỉ trỏ đến một phần tử cụ thể.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079299' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>21 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 21: Nếu bạn có một quy tắc CSS `.button { padding: 10px; }` và một quy tắc `#submit-button { padding: 20px; }`, và một nút HTML có cả hai: `<button class="button" id="submit-button">Gửi</button>`. Giá trị `padding` cuối cùng của nút này sẽ là bao nhiêu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079299]' id='ays-answer-4321853-36154' value='4321853'/> <label for='ays-answer-4321853-36154' class=' ays_position_initial ays-quiz-keyboard-label'>10px.</label><label for='ays-answer-4321853-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079299]' id='ays-answer-4321854-36154' value='4321854'/> <label for='ays-answer-4321854-36154' class=' ays_position_initial ays-quiz-keyboard-label'>15px (trung bình cộng).</label><label for='ays-answer-4321854-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079299]' id='ays-answer-4321855-36154' value='4321855'/> <label for='ays-answer-4321855-36154' class=' ays_position_initial ays-quiz-keyboard-label'>20px.</label><label for='ays-answer-4321855-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079299]' id='ays-answer-4321856-36154' value='4321856'/> <label for='ays-answer-4321856-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Không có giá trị nào được áp dụng do xung đột.</label><label for='ays-answer-4321856-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079299'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTg1MyI6IjAiLCI0MzIxODU0IjoiMCIsIjQzMjE4NTUiOiIxIiwiNDMyMTg1NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Quy tắc từ bộ chọn ID (`#submit-button`) có độ ưu tiên cao hơn quy tắc từ bộ chọn Class (`.button`). Do đó, giá trị `padding` từ quy tắc ID (20px) sẽ được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079300' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>22 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 22: Phát biểu nào sau đây về bộ chọn lớp (Class Selector) là SAI?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079300]' id='ays-answer-4321857-36154' value='4321857'/> <label for='ays-answer-4321857-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Có thể áp dụng cho nhiều phần tử HTML.</label><label for='ays-answer-4321857-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079300]' id='ays-answer-4321858-36154' value='4321858'/> <label for='ays-answer-4321858-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Cú pháp khai báo bắt đầu bằng dấu chấm (.).</label><label for='ays-answer-4321858-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079300]' id='ays-answer-4321859-36154' value='4321859'/> <label for='ays-answer-4321859-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Một phần tử HTML có thể có nhiều lớp.</label><label for='ays-answer-4321859-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079300]' id='ays-answer-4321860-36154' value='4321860'/> <label for='ays-answer-4321860-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Cú pháp khai báo trong CSS bắt đầu bằng dấu thăng (#).</label><label for='ays-answer-4321860-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079300'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTg1NyI6IjAiLCI0MzIxODU4IjoiMCIsIjQzMjE4NTkiOiIwIiwiNDMyMTg2MCI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp bắt đầu bằng dấu chấm (.), không phải dấu thăng (#). Dấu thăng được dùng cho bộ chọn định danh.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079301' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>23 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 23: Bạn muốn đặt màu nền xám nhạt cho phần chân trang (`</p> <footer>`) của trang web, và đây là phần tử duy nhất có vai trò này. Lựa chọn nào sau đây là cách tiếp cận tốt nhất để định dạng nó?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079301]' id='ays-answer-4321861-36154' value='4321861'/> <label for='ays-answer-4321861-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng bộ chọn phần tử `footer { background-color: lightgray; }`.</label><label for='ays-answer-4321861-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079301]' id='ays-answer-4321862-36154' value='4321862'/> <label for='ays-answer-4321862-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Gán lớp `class="footer"` cho thẻ `<footer>` và sử dụng `.footer { background-color: lightgray; }`.</label><label for='ays-answer-4321862-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079301]' id='ays-answer-4321863-36154' value='4321863'/> <label for='ays-answer-4321863-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Gán ID `id="footer"` cho thẻ `<footer>` và sử dụng `#footer { background-color: lightgray; }`.</label><label for='ays-answer-4321863-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079301]' id='ays-answer-4321864-36154' value='4321864'/> <label for='ays-answer-4321864-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng bộ chọn toàn cục `* { background-color: lightgray; }`.</label><label for='ays-answer-4321864-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079301'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTg2MSI6IjAiLCI0MzIxODYyIjoiMCIsIjQzMjE4NjMiOiIxIiwiNDMyMTg2NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Vì chân trang thường là một phần tử duy nhất và có vai trò đặc biệt, việc gán cho nó một ID duy nhất (như `footer`) và sử dụng bộ chọn ID trong CSS là cách tốt nhất để nhắm mục tiêu chính xác và thể hiện tính duy nhất của nó.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079302' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>24 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 24: Bạn có một danh sách các mục (`</p> <li>`) trong một menu điều hướng (`<br /> <nav>`). Bạn muốn các mục menu này có màu chữ khác với các mục danh sách thông thường ở nơi khác trên trang. Bạn nên sử dụng bộ chọn nào để nhắm mục tiêu các mục menu?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079302]' id='ays-answer-4321865-36154' value='4321865'/> <label for='ays-answer-4321865-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn con cháu (ví dụ: `nav li { ... }`).</label><label for='ays-answer-4321865-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079302]' id='ays-answer-4321866-36154' value='4321866'/> <label for='ays-answer-4321866-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Gán ID duy nhất cho mỗi mục `<li>`.</label><label for='ays-answer-4321866-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079302]' id='ays-answer-4321867-36154' value='4321867'/> <label for='ays-answer-4321867-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng bộ chọn toàn cục `* { ... }`.</label><label for='ays-answer-4321867-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079302]' id='ays-answer-4321868-36154' value='4321868'/> <label for='ays-answer-4321868-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ sử dụng bộ chọn phần tử `li { ... }`.</label><label for='ays-answer-4321868-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079302'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTg2NSI6IjEiLCI0MzIxODY2IjoiMCIsIjQzMjE4NjciOiIwIiwiNDMyMTg2OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Để chọn các phần tử con (`</p> <li>`) nằm trong một phần tử cha cụ thể (`<br /> <nav>`), sử dụng bộ chọn con cháu (descendant selector) kết hợp tên thẻ cha và tên thẻ con: `nav li { ... }`. Nếu `</p> <nav>` có ID hoặc Class, bạn có thể làm cho bộ chọn cụ thể hơn nữa (ví dụ: `#main-nav li`), nhưng `nav li` là cách cơ bản và hiệu quả trong trường hợp này.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079303' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>25 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 25: Xem xét đoạn mã HTML: `<button class="btn primary-btn">Gửi</button>`. Nếu có hai quy tắc CSS: `.btn { font-size: 16px; }` và `.primary-btn { color: white; background-color: blue; }`. Nút này sẽ có kiểu dáng gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079303]' id='ays-answer-4321869-36154' value='4321869'/> <label for='ays-answer-4321869-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có cỡ chữ 16px.</label><label for='ays-answer-4321869-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079303]' id='ays-answer-4321870-36154' value='4321870'/> <label for='ays-answer-4321870-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Chỉ có màu chữ trắng và nền xanh.</label><label for='ays-answer-4321870-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079303]' id='ays-answer-4321871-36154' value='4321871'/> <label for='ays-answer-4321871-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Không có kiểu dáng nào được áp dụng do có nhiều lớp.</label><label for='ays-answer-4321871-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079303]' id='ays-answer-4321872-36154' value='4321872'/> <label for='ays-answer-4321872-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Cỡ chữ 16px, màu chữ trắng và nền xanh.</label><label for='ays-answer-4321872-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079303'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTg2OSI6IjAiLCI0MzIxODcwIjoiMCIsIjQzMjE4NzEiOiIwIiwiNDMyMTg3MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Nút này có cả hai lớp `btn` và `primary-btn`. Quy tắc `.btn` áp dụng cỡ chữ 16px. Quy tắc `.primary-btn` áp dụng màu chữ trắng và nền xanh. Vì không có xung đột thuộc tính giữa hai quy tắc này (một đặt cỡ chữ, một đặt màu và nền), cả hai đều được áp dụng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079304' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>26 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 26: Trường hợp nào sau đây *không* phù hợp để sử dụng bộ chọn định danh (ID Selector)?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079304]' id='ays-answer-4321873-36154' value='4321873'/> <label for='ays-answer-4321873-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Định dạng các mục trong danh sách sản phẩm có cùng kiểu hiển thị.</label><label for='ays-answer-4321873-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079304]' id='ays-answer-4321874-36154' value='4321874'/> <label for='ays-answer-4321874-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Định dạng phần tử tiêu đề chính của trang web (thường chỉ có một).</label><label for='ays-answer-4321874-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079304]' id='ays-answer-4321875-36154' value='4321875'/> <label for='ays-answer-4321875-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Định dạng phần tử chứa nội dung chính của trang.</label><label for='ays-answer-4321875-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079304]' id='ays-answer-4321876-36154' value='4321876'/> <label for='ays-answer-4321876-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Định dạng phần tử chân trang (footer).</label><label for='ays-answer-4321876-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079304'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTg3MyI6IjEiLCI0MzIxODc0IjoiMCIsIjQzMjE4NzUiOiIwIiwiNDMyMTg3NiI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>ID được thiết kế để định danh *duy nhất* một phần tử. Nếu bạn cần áp dụng cùng một kiểu dáng cho nhiều phần tử (như các mục trong danh sách sản phẩm), bộ chọn lớp là lựa chọn phù hợp hơn để tái sử dụng kiểu dáng.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079305' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>27 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 27: Khi bạn muốn tạo một kiểu dáng (ví dụ: màu nền đỏ) cho các ô nhập liệu (`<input>`) khi người dùng nhập dữ liệu không hợp lệ, và bạn có thể có nhiều ô nhập liệu như vậy trên trang, bạn nên sử dụng cách nào để định dạng?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079305]' id='ays-answer-4321877-36154' value='4321877'/> <label for='ays-answer-4321877-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Gán một ID duy nhất cho mỗi ô nhập liệu không hợp lệ và sử dụng bộ chọn ID.</label><label for='ays-answer-4321877-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079305]' id='ays-answer-4321878-36154' value='4321878'/> <label for='ays-answer-4321878-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Định nghĩa một lớp CSS (ví dụ: `.invalid-input`) và áp dụng lớp đó cho các ô nhập liệu không hợp lệ.</label><label for='ays-answer-4321878-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079305]' id='ays-answer-4321879-36154' value='4321879'/> <label for='ays-answer-4321879-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Sử dụng bộ chọn phần tử `input { background-color: red; }`.</label><label for='ays-answer-4321879-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079305]' id='ays-answer-4321880-36154' value='4321880'/> <label for='ays-answer-4321880-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Viết kiểu dáng nội tuyến (inline style) cho từng ô nhập liệu không hợp lệ.</label><label for='ays-answer-4321880-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079305'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTg3NyI6IjAiLCI0MzIxODc4IjoiMSIsIjQzMjE4NzkiOiIwIiwiNDMyMTg4MCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Đây là một tình huống điển hình cần tái sử dụng kiểu dáng cho nhiều phần tử. Bạn nên định nghĩa một lớp (ví dụ: `.invalid-input`) và thêm lớp này vào các ô nhập liệu khi chúng có dữ liệu không hợp lệ. Sau đó, sử dụng bộ chọn lớp hoặc bộ chọn kết hợp `input.invalid-input` trong CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079306' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>28 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 28: Xem xét đoạn mã CSS: `.gallery-item img { border: 1px solid #ccc; }`. Quy tắc này nhắm đến các phần tử nào?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079306]' id='ays-answer-4321881-36154' value='4321881'/> <label for='ays-answer-4321881-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử có lớp `gallery-item` và phần tử `img` bất kỳ.</label><label for='ays-answer-4321881-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079306]' id='ays-answer-4321882-36154' value='4321882'/> <label for='ays-answer-4321882-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử `img` có lớp `gallery-item`.</label><label for='ays-answer-4321882-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079306]' id='ays-answer-4321883-36154' value='4321883'/> <label for='ays-answer-4321883-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Tất cả các phần tử `img` nằm bên trong một phần tử có lớp `gallery-item`.</label><label for='ays-answer-4321883-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079306]' id='ays-answer-4321884-36154' value='4321884'/> <label for='ays-answer-4321884-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Phần tử có lớp `gallery-item` nằm bên trong một phần tử `img`.</label><label for='ays-answer-4321884-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079306'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTg4MSI6IjAiLCI0MzIxODgyIjoiMCIsIjQzMjE4ODMiOiIxIiwiNDMyMTg4NCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Đây là bộ chọn con cháu. Nó áp dụng kiểu dáng cho tất cả các phần tử `<img>` nằm bên trong (là con cháu của) một phần tử bất kỳ có lớp là `gallery-item`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079307' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>29 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 29: Bạn có một quy tắc CSS `#site-header { height: 100px; }`. Để quy tắc này có hiệu lực, phần tử HTML tương ứng phải có thuộc tính nào và giá trị của nó là gì?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079307]' id='ays-answer-4321885-36154' value='4321885'/> <label for='ays-answer-4321885-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính `class` với giá trị `site-header`.</label><label for='ays-answer-4321885-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079307]' id='ays-answer-4321886-36154' value='4321886'/> <label for='ays-answer-4321886-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính `id` với giá trị `site-header`.</label><label for='ays-answer-4321886-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079307]' id='ays-answer-4321887-36154' value='4321887'/> <label for='ays-answer-4321887-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính `name` với giá trị `site-header`.</label><label for='ays-answer-4321887-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079307]' id='ays-answer-4321888-36154' value='4321888'/> <label for='ays-answer-4321888-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Thuộc tính `style` với giá trị `site-header`.</label><label for='ays-answer-4321888-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079307'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTg4NSI6IjAiLCI0MzIxODg2IjoiMSIsIjQzMjE4ODciOiIwIiwiNDMyMTg4OCI6IjAifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class="ays_fa ays_fa_arrow_right ays_next action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active ays_display_none"></i> <input type='button' name='next' class='ays_next action-button ays-quiz-keyboard-active ' value='Tiếp theo' /> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn `#site-header` nhắm đến phần tử có ID là `site-header`. Do đó, phần tử HTML cần có thuộc tính `id` với giá trị `site-header`.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ' data-question-id='1079308' data-type='radio' data-required='false'> <p class='ays-question-counter animated'>30 / 30</p> <div class='ays-abs-fs'> <p class='ays-quiz-question-category-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Category:</em> <strong style='font-size:0.8em;'>Bài Tập Trắc nghiệm Tin học 12 - Cánh diều - Bài 10: Bộ chọn lớp, bộ chọn định danh</strong> </p> <p class='ays-quiz-question-category-box ays-quiz-question-tags-box' style='margin:0!important;text-align:left;'> <em style='font-style:italic;font-size:0.8em;'>Tags:</em> <strong style='font-size:0.8em;'>Bộ đề 10</strong> </p> <div class='ays_quiz_question'> <p>Câu 30: Phát biểu nào sau đây về việc sử dụng bộ chọn lớp và bộ chọn định danh là ĐÚNG?</p> </div> <div class='ays-quiz-answers ays_list_view_container '> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079308]' id='ays-answer-4321889-36154' value='4321889'/> <label for='ays-answer-4321889-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp chỉ có thể áp dụng cho các phần tử khối (block elements).</label><label for='ays-answer-4321889-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079308]' id='ays-answer-4321890-36154' value='4321890'/> <label for='ays-answer-4321890-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn định danh có thể được sử dụng nhiều lần trên cùng một trang nếu các phần tử khác loại.</label><label for='ays-answer-4321890-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079308]' id='ays-answer-4321891-36154' value='4321891'/> <label for='ays-answer-4321891-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Độ ưu tiên của bộ chọn lớp luôn cao hơn bộ chọn định danh.</label><label for='ays-answer-4321891-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div> <div class='ays-field ays_list_view_item ays-quiz-keyboard-active' tabindex='0'> <input type='hidden' name='ays_answer_correct[]' value='0'/> <input type='radio' name='ays_questions[ays-question-1079308]' id='ays-answer-4321892-36154' value='4321892'/> <label for='ays-answer-4321892-36154' class=' ays_position_initial ays-quiz-keyboard-label'>Bộ chọn lớp và bộ chọn định danh có thể được sử dụng kết hợp với bộ chọn phần tử để nhắm mục tiêu cụ thể hơn.</label><label for='ays-answer-4321892-36154' class='ays_answer_image ays_answer_image_class ays_empty_before_content'></label> </div><script> if(typeof window.quizOptions_36154 === 'undefined'){ window.quizOptions_36154 = []; } window.quizOptions_36154['1079308'] = 'eyJxdWVzdGlvbl9hbnN3ZXIiOnsiNDMyMTg4OSI6IjAiLCI0MzIxODkwIjoiMCIsIjQzMjE4OTEiOiIwIiwiNDMyMTg5MiI6IjEifX0=';</script></div> <div class='ays_buttons_div'> <i class="ays_fa ays_fa_arrow_left ays_previous action-button ays-quiz-keyboard-active ays_arrow ays_display_none"></i> <input type='button' name='next' class='ays_previous action-button ays-quiz-keyboard-active ' value='Trước đó' /> <i class='ays_display_none ays_fa ays_fa_flag_checkered ays_finish action-button ays_arrow ays_next_arrow ays-quiz-keyboard-active'></i><input type='submit' name='ays_finish_quiz' class=' ays_next ays_finish action-button ays-quiz-keyboard-active' value='Xem kết quả'/> </div> <div class='wrong_answer_text ays_do_not_show' style='display:none'> </div> <div class='right_answer_text ays_do_not_show' style='display:none'> </div> <div class='ays_questtion_explanation' style='display:none'> <p>Bộ chọn lớp và bộ chọn định danh có thể được sử dụng kết hợp với bộ chọn phần tử (ví dụ: `div.my-class`, `p#intro`) để tăng tính cụ thể của quy tắc CSS.</p> </div> <div class='ays-quiz-additonal-box'> </div> </div> </div><div class='step ays_thank_you_fs'> <div class='ays-abs-fs ays-end-page'> <div style='text-align:center;'><div data-class='lds-ellipsis' data-role='loader' class='ays-loader'><div></div><div></div><div></div><div></div></div></div><div class='ays_quiz_results_page'><div class='ays_score_message'></div><div class='ays_message'></div><p class='ays_restart_button_p'></p></div></div></div><style> div#ays-quiz-container-36154 * { box-sizing: border-box; } #ays-quiz-container-36154 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-36154 #ays_finish_quiz_36154 { } /* Styles for Quiz container */ #ays-quiz-container-36154{ min-height: 450px; width:800px; background-color:#fff; background-position:center center;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-36154 { width: 100%; max-width: 100%; margin: auto;border-radius:8px 8px 0px 8px;box-shadow: none;border: none;} #ays-quiz-questions-nav-wrap-36154 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000000; border-color: #000000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-36154 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000000, 0 0 5px #000000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-36154 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-36154 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-36154 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-36154 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-36154 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-36154.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-36154.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-36154 #ays_finish_quiz_36154 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-36154.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-36154.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-36154.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-36154.ays-quiz-container .ays-questions-container p, #ays-quiz-container-36154.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-36154.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-36154.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-36154.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-36154.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-36154.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-36154.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-36154.ays-quiz-container .ays-questions-container .ays_message{ color: #000000; outline: none; } #ays-quiz-container-36154.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000000; } /* Quiz title / transformation */ #ays-quiz-container-36154 .ays-fs-title{ text-transform: uppercase; font-size: 28px; text-align: center; text-shadow: none; } #ays-quiz-container-36154 .ays-quiz-password-message-box, #ays-quiz-container-36154 .ays-quiz-question-note-message-box, #ays-quiz-container-36154 .ays_quiz_question, #ays-quiz-container-36154 .ays_quiz_question *:not([class^='enlighter']) { color: #000000; } #ays-quiz-container-36154 textarea, #ays-quiz-container-36154 input::first-letter, #ays-quiz-container-36154 select::first-letter, #ays-quiz-container-36154 option::first-letter { color: initial !important; } #ays-quiz-container-36154 p::first-letter:not(.ays_no_questions_message) { color: #000000 !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } #ays-quiz-container-36154 .select2-container, #ays-quiz-container-36154 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-36154 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-36154 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-36154 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-36154 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-36154 .ays-questions-container .ays-field, div#ays-quiz-container-36154 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-36154 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-36154 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-36154 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-36154 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-36154 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-36154 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-36154 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: red; } #ays-quiz-container-36154 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-36154 .information_form input[type='text'], #ays-quiz-container-36154 .information_form input[type='url'], #ays-quiz-container-36154 .information_form input[type='number'], #ays-quiz-container-36154 .information_form input[type='email'], #ays-quiz-container-36154 .information_form input[type='tel'], #ays-quiz-container-36154 .information_form textarea, #ays-quiz-container-36154 .information_form select, #ays-quiz-container-36154 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-36154 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-36154 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-36154 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-36154 .right_answer_text{ color:#33cc33; } #ays-quiz-container-36154 .right_answer_text p { font-size:16px; } #ays-quiz-container-36154 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-36154 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-36154 .wrong_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36154 .ays_questtion_explanation *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36154 .right_answer_text *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36154 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-36154 .ays-quiz-question-note-message-box *:not(strong) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36154 .ays_cb_and_a, #ays-quiz-container-36154 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-36154 iframe { /*min-height: 450px;*/ } #ays-quiz-container-36154 label.ays_for_checkbox, #ays-quiz-container-36154 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-36154 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-36154 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-36154 .ays_quiz_rete_avg{ color:#fff; background-color:#000000; } #ays-quiz-container-36154 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-36154 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-36154 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-36154 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000000; } /* Loaders */ #ays-quiz-container-36154 div.lds-spinner, #ays-quiz-container-36154 div.lds-spinner2 { color: #000000; } #ays-quiz-container-36154 div.lds-spinner div:after, #ays-quiz-container-36154 div.lds-spinner2 div:after { background-color: #000000; } #ays-quiz-container-36154 .lds-circle, #ays-quiz-container-36154 .lds-facebook div, #ays-quiz-container-36154 .lds-ellipsis div{ background: #000000; } #ays-quiz-container-36154 .lds-ripple div{ border-color: #000000; } #ays-quiz-container-36154 .lds-dual-ring::after, #ays-quiz-container-36154 .lds-hourglass::after{ border-color: #000000 transparent #000000 transparent; } /* Stars */ #ays-quiz-container-36154 .ui.rating .icon, #ays-quiz-container-36154 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-36154 #ays_finish_quiz_36154 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-36154 #ays_finish_quiz_36154 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-36154 .ays-progress-value { color: #000000; text-align: center; } #ays-quiz-container-36154 .ays-progress-bar { background-color: #5d6cf9; } #ays-quiz-container-36154 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-36154 .ays-live-bar-fill{ color: #000000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-36154 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-36154 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-36154 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-36154 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-36154 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-36154 blockquote { border-left-color: #000000 !important; } /* Quiz Password */ #ays-quiz-container-36154 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-36154 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-36154 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); max-width: 270px; color: #000000; } #ays-quiz-container-36154 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-36154 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } /* Quiz Export PDF */ #ays-quiz-container-36154 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(201,201,201,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(201,201,201,0.2), 0px 2px 1px 0px rgba(201,201,201,0.14), 0px 2px 5px 0 rgba(201,201,201,0.12); max-width: 190px; color: #000000; } #ays-quiz-container-36154 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-36154 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(93,108,249,0.3); } #ays-quiz-container-36154 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(93,108,249,1); } #ays-quiz-container-36154 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-36154 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-36154 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000000; } #ays-quiz-container-36154 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(93,108,249,0.3); } #ays-quiz-container-36154 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-36154 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-36154 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-36154 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-36154 div.ays-quiz-redirection-timer, #ays-quiz-container-36154 div.ays-quiz-timer{ color: #000000; text-align: center; } #ays-quiz-container-36154 div.ays-quiz-after-timer * , #ays-quiz-container-36154 div.ays-quiz-redirection-timer *, #ays-quiz-container-36154 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-36154 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-36154 input#ays-submit, #ays-quiz-container-36154 #ays_finish_quiz_36154 .action-button, #ays-quiz-container-36154 #ays_finish_quiz_36154 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-36154 #ays_finish_quiz_36154 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-36154 #ays_finish_quiz_36154 .action-button.ays_restart_button, #ays-quiz-container-36154 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-36154 .ays-quiz-category-selective-submit-bttn { background-color: #5d6cf9; color:#ffffff; font-size: 18px; padding: 14px 36px; border-radius: 8px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-36154 input#ays-submit, #ays-quiz-container-36154 #ays_finish_quiz_36154 input.action-button, #ays-quiz-container-36154 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-36154 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-36154 #ays_finish_quiz_36154 .action-button.ays_check_answer { padding: 5px 10px; font-size: 18px; } #ays-quiz-container-36154 #ays_finish_quiz_36154 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-36154 #ays_finish_quiz_36154 .action-button.ays_arrow { color:#ffffff!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-36154 input#ays-submit:hover, #ays-quiz-container-36154 input#ays-submit:focus, #ays-quiz-container-36154 #ays_finish_quiz_36154 .action-button:hover, #ays-quiz-container-36154 #ays_finish_quiz_36154 .action-button:focus, #ays-quiz-container-36154 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-36154 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #ffffff; background-color: #5d6cf9; } #ays-quiz-container-36154 .ays_restart_button { color: #ffffff; } #ays-quiz-container-36154 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-36154 .ays_buttons_div { justify-content: center; } #ays-quiz-container-36154 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-36154 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-36154 input[type='button'], #ays-quiz-container-36154 input[type='submit'] { color: #ffffff !important; outline: none; } div#ays-quiz-container-36154 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-36154 input[type='button']:focus-visible, div#ays-quiz-container-36154 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-36154 #ays_finish_quiz_36154 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-36154 #ays_finish_quiz_36154 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-36154 #ays_finish_quiz_36154 i.ays_early_finish.action-button[disabled], #ays-quiz-container-36154 #ays_finish_quiz_36154 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-36154 #ays_finish_quiz_36154 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-36154 #ays_finish_quiz_36154 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-36154 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-36154 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-36154 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-36154.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000000; } /* Question answers */ #ays-quiz-container-36154 .ays-field { border-color: #dddddd; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-36154 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-36154 #ays_finish_quiz_36154 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-36154 #ays_finish_quiz_36154 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-36154 #ays_finish_quiz_36154 .ays-field { margin-bottom: 12px; position: relative; } #ays-quiz-container-36154 #ays_finish_quiz_36154 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 6px); */ width: calc(100% /2 - 4px); } #ays-quiz-container-36154 #ays_finish_quiz_36154 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-36154 #ays_finish_quiz_36154 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 6px; }#ays-quiz-container-36154 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-36154 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-36154 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-36154 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-36154 #ays_finish_quiz_36154 .ays-field input:checked+label:before { border-color: #5d6cf9; background: #5d6cf9; background-clip: content-box; } #ays-quiz-container-36154 .ays-quiz-answers div.ays-text-right-answer { color: #000000; } /* Answer maximum length of a text field */ #ays-quiz-container-36154 .ays_quiz_question_text_message{ color: #000000; text-align: left; font-size: 12px; } div#ays-quiz-container-36154 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-36154 .ays-answer-image { width:15em; height:150px; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-36154 .ays-field input~label.answered.correct:after{ content: ''; } #ays-quiz-container-36154 .ays-field input~label.answered.wrong:after{ content: ''; } #ays-quiz-container-36154 .ays-quiz-answers .ays-field label.answered[for^='ays-answer-']::after{ content: none!important; } #ays-quiz-container-36154 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-36154 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-36154 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-36154 #ays_finish_quiz_36154 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #5d6cf9; background-color: #5d6cf9; } #ays-quiz-container-36154 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-36154 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-36154 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #a29306;*/ color: #ffffff; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-36154 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-36154 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5d6cf9; } #ays-quiz-container-36154 .ays-field .select2-container--default, #ays-quiz-container-36154 .ays-field .select2-container--default .selection, #ays-quiz-container-36154 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-36154 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-36154 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-36154 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-36154 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-36154 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-36154 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-36154 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(93,108,249,0.35); } #ays-quiz-container-36154 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.55); } #ays-quiz-container-36154 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(93,108,249,0.85); } .ays-quiz-wrap #ays-quiz-container-36154 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-36154 + .ays-quiz-powered-by-container{ width:800px; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-36154 .ays-woo-block { background-color: rgba(93,108,249,0.8); } #ays-quiz-container-36154 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-36154 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-36154 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-36154 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-36154 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-36154 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-36154 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-36154 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000000; } #ays-quiz-container-36154 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-36154 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000000; } #ays-quiz-container-36154 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000000; } #ays-quiz-container-36154.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-36154.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-36154 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-36154 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-36154 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-36154 label[for^='ays-answer']:before, #ays-quiz-container-36154 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-36154 .ays_question_report { text-align: right; } div#ays-quiz-container-36154 .ays_question_report .ays-quiz-open-report-window { fill: #000000; } #ays-quiz-container-36154 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-36154.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-36154.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #5d6cf9 !important; } #ays-quiz-container-36154.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-36154.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-36154.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-36154.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-36154 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-36154.ays_quiz_classic_dark .correct_div, #ays-quiz-container-36154.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-36154.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-36154.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-36154.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-36154.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-36154.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-36154.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-36154 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-36154 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000000 !important; } #ays-quiz-container-36154 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-36154 .ays-quiz-close-full-screen { fill: #000000; } #ays-quiz-container-36154 .ays-quiz-open-full-screen { fill: #000000; } #ays-quiz-container-36154 .ays_quiz_login_form p{ color: #000000; } /* Personality Test | Start */ #ays-quiz-container-36154 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-36154 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-36154 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-36154.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-36154.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-36154 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-36154 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-36154 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-36154 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-36154 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-36154 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-36154 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-36154 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-36154 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-36154 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-36154 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-36154 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-36154 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-36154 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-36154 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-36154 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-36154 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-36154 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-36154 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-36154 .ays-quiz-personality-result-box div:before, #ays-quiz-container-36154 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-36154 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-36154 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-36154 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-36154 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-36154 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-36154 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-36154 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-36154 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-36154 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-36154 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-36154 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-36154 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-36154 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-36154{ max-width: 100%; } div#ays-quiz-container-36154 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-36154.ays_quiz_modern_light .step, div#ays-quiz-container-36154.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-36154.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-36154.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-36154.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-36154.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-36154 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-36154 .select2-container, div#ays-quiz-container-36154 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-36154 input#ays-submit, div#ays-quiz-container-36154 #ays_finish_quiz_36154 .action-button, div#ays-quiz-container-36154 #ays_finish_quiz_36154 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-36154 #ays_finish_quiz_36154 .action-button.ays_restart_button, #ays-quiz-container-36154 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-36154 .ays-quiz-category-selective-submit-bttn { font-size: 18px; } div#ays-quiz-container-36154 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-36154 .ays-fs-title { font-size: 20px; } /* Question explanation / mobile font size */ #ays-quiz-container-36154 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-36154 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-36154 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-36154 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-36154 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-36154 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } } /* Custom css styles */ /* RTL direction styles */ </style> <style> #ays-quiz-container-36154 p { margin: 0.625em; } #ays-quiz-container-36154.ays_quiz_classic_light .enable_correction .ays-field.checked_answer_div input:checked+label, #ays-quiz-container-36154.ays_quiz_classic_dark .enable_correction .ays-field.checked_answer_div input:checked+label { /* background-color: transparent; */ } #ays-quiz-container-36154 .ays-field.checked_answer_div input:checked~label { background-color: rgba(93,108,249,0.6); } #ays-quiz-container-36154.ays-quiz-container.ays_quiz_classic_light .ays-questions-container .ays-field:hover label[for^='ays-answer-'], #ays-quiz-container-36154 .ays-field:hover{ background: rgba(93,108,249,0.8); color: #fff; transition: all .3s; } #ays-quiz-container-36154 #ays_finish_quiz_36154 .action-button:hover, #ays-quiz-container-36154 #ays_finish_quiz_36154 .action-button:focus, #ays-quiz-container-36154 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-36154 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5), 0 0 0 3px #ffffff; background: #5d6cf9; } </style><script> if(typeof aysQuizOptions === 'undefined'){ var aysQuizOptions = []; } aysQuizOptions['36154'] = 'eyJxdWl6X3ZlcnNpb24iOiIyMS44LjEiLCJjb3JlX3ZlcnNpb24iOiI2LjcuMiIsInBocF92ZXJzaW9uIjoiOC4xLjMxIiwiY29sb3IiOiIjNWQ2Y2Y5IiwiYmdfY29sb3IiOiIjZmZmIiwidGV4dF9jb2xvciI6IiMwMDAwMDAiLCJoZWlnaHQiOjQ1MCwid2lkdGgiOjgwMCwiZW5hYmxlX2xvZ2dlZF91c2VycyI6Im9mZiIsImluZm9ybWF0aW9uX2Zvcm0iOiJkaXNhYmxlIiwiZm9ybV9uYW1lIjoib2ZmIiwiZm9ybV9lbWFpbCI6Im9mZiIsImZvcm1fcGhvbmUiOiJvZmYiLCJpbWFnZV93aWR0aCI6IiIsImltYWdlX2hlaWdodCI6IiIsImVuYWJsZV9jb3JyZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3Byb2dyZXNzX2JhciI6Im9mZiIsImVuYWJsZV9xdWVzdGlvbnNfcmVzdWx0Ijoib24iLCJyYW5kb21pemVfcXVlc3Rpb25zIjoib2ZmIiwicmFuZG9taXplX2Fuc3dlcnMiOiJvZmYiLCJlbmFibGVfcXVlc3Rpb25zX2NvdW50ZXIiOiJvbiIsImVuYWJsZV9yZXN0cmljdGlvbl9wYXNzIjoib2ZmIiwiZW5hYmxlX3Jlc3RyaWN0aW9uX3Bhc3NfdXNlcnMiOiJvZmYiLCJyZXN0cmljdGlvbl9wYXNzX21lc3NhZ2UiOiIiLCJyZXN0cmljdGlvbl9wYXNzX3VzZXJzX21lc3NhZ2UiOiIiLCJ1c2VyX3JvbGUiOltdLCJheXNfdXNlcnNfc2VhcmNoIjpbXSwiY3VzdG9tX2NzcyI6IiIsImxpbWl0X3VzZXJzIjoib2ZmIiwibGltaXRhdGlvbl9tZXNzYWdlIjoiIiwicmVkaXJlY3RfdXJsIjoiIiwicmVkaXJlY3Rpb25fZGVsYXkiOjAsImFuc3dlcnNfdmlldyI6Imxpc3QiLCJlbmFibGVfcnRsX2RpcmVjdGlvbiI6Im9mZiIsImVuYWJsZV9sb2dnZWRfdXNlcnNfbWVzc2FnZSI6IiIsInF1ZXN0aW9uc19jb3VudCI6IiIsImVuYWJsZV9xdWVzdGlvbl9iYW5rIjoib2ZmIiwiZW5hYmxlX2xpdmVfcHJvZ3Jlc3NfYmFyIjoib2ZmIiwiZW5hYmxlX3BlcmNlbnRfdmlldyI6Im9mZiIsImVuYWJsZV9hdmVyYWdlX3N0YXRpc3RpY2FsIjoib24iLCJlbmFibGVfbmV4dF9idXR0b24iOiJvbiIsImVuYWJsZV9wcmV2aW91c19idXR0b24iOiJvbiIsImVuYWJsZV9hcnJvd3MiOiJvZmYiLCJ0aW1lcl90ZXh0IjoiQlx1MWVhMW4gXHUwMTExXHUwMGUzIHNcdTFlYjVuIHNcdTAwZTBuZyBjaFx1MDFiMGE/IDQ1IHBoXHUwMGZhdCBsXHUwMGUwbSBiXHUwMGUwaSBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1ISEhIiwicXVpel90aGVtZSI6ImNsYXNzaWNfbGlnaHQiLCJlbmFibGVfc29jaWFsX2J1dHRvbnMiOiJvZmYiLCJmaW5hbF9yZXN1bHRfdGV4dCI6IjxpbWcgY2xhc3M9XCJzaXplLWZ1bGwgd3AtaW1hZ2UtNDI5IGFsaWduY2VudGVyXCIgc3JjPVwiaHR0cDpcL1wvY2F1aG9pLm9yZ1wvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNVwvMDNcL2NvbmdyYXR1bGF0aW9ucy5naWZcIiBhbHQ9XCJcIiB3aWR0aD1cIjQ5OVwiIGhlaWdodD1cIjE4MVwiIFwvPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNoXHUwMGZhYyBtXHUxZWVibmcgYlx1MWVhMW4gXHUwMTExXHUwMGUzIGhvXHUwMGUwbiB0aFx1MDBlMG5oIGJcdTAwZTBpIHRoaSEhITxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkJcdTFlYTFuIFx1MDExMVx1MDBmYW5nIDxzcGFuIHN0eWxlPVwidmVydGljYWwtYWxpZ246IGluaGVyaXQ7XCI+JSV1c2VyX2NvcnJlY3RzX2NvdW50JSVcLyUlcXVlc3Rpb25zX2NvdW50JSU8XC9zcGFuPjxcL3N0cm9uZz48XC9wPlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj48c3Ryb25nPkNcdTAwZjluZyB4ZW0gXHUwMTExXHUwMGUxcCBcdTAwZTFuIFx1MWVkZiBiXHUwMGVhbiBkXHUwMWIwXHUxZWRiaSBcdTAxMTFcdTAwZTJ5IG5oXHUwMGU5ISEhPFwvc3Ryb25nPjxcL3A+IiwiZW5hYmxlX3Bhc3NfY291bnQiOiJvbiIsImhpZGVfc2NvcmUiOiJvbiIsInJhdGVfZm9ybV90aXRsZSI6IiIsImJveF9zaGFkb3dfY29sb3IiOiIjYzljOWM5IiwicXVpel9ib3JkZXJfcmFkaXVzIjoiOCIsInF1aXpfYmdfaW1hZ2UiOiIiLCJxdWl6X2JvcmRlcl93aWR0aCI6IjEiLCJxdWl6X2JvcmRlcl9zdHlsZSI6InNvbGlkIiwicXVpel9ib3JkZXJfY29sb3IiOiIjMDAwIiwicXVpel9sb2FkZXIiOiJkZWZhdWx0IiwicXVlc3RfYW5pbWF0aW9uIjoic2hha2UiLCJlbmFibGVfYmdfbXVzaWMiOiJvZmYiLCJxdWl6X2JnX211c2ljIjoiIiwiYW5zd2Vyc19mb250X3NpemUiOjE1LCJzaG93X2NyZWF0ZV9kYXRlIjoib2ZmIiwic2hvd19hdXRob3IiOiJvZmYiLCJlbmFibGVfZWFybHlfZmluaXNoIjoib2ZmIiwiYW5zd2Vyc19yd190ZXh0cyI6Im9uX3Bhc3NpbmciLCJkaXNhYmxlX3N0b3JlX2RhdGEiOiJvZmYiLCJlbmFibGVfYmFja2dyb3VuZF9ncmFkaWVudCI6Im9mZiIsImJhY2tncm91bmRfZ3JhZGllbnRfY29sb3JfMSI6IiMwMDAiLCJiYWNrZ3JvdW5kX2dyYWRpZW50X2NvbG9yXzIiOiIjZmZmIiwicXVpel9ncmFkaWVudF9kaXJlY3Rpb24iOiJ2ZXJ0aWNhbCIsInJlZGlyZWN0X2FmdGVyX3N1Ym1pdCI6Im9mZiIsInN1Ym1pdF9yZWRpcmVjdF91cmwiOiIiLCJzdWJtaXRfcmVkaXJlY3RfZGVsYXkiOiIwIiwicHJvZ3Jlc3NfYmFyX3N0eWxlIjoidGhpcmQiLCJlbmFibGVfZXhpdF9idXR0b24iOiJvZmYiLCJleGl0X3JlZGlyZWN0X3VybCI6IiIsImltYWdlX3NpemluZyI6ImNvdmVyIiwicXVpel9iZ19pbWFnZV9wb3NpdGlvbiI6ImNlbnRlciBjZW50ZXIiLCJjdXN0b21fY2xhc3MiOiIiLCJlbmFibGVfc29jaWFsX2xpbmtzIjoib2ZmIiwic29jaWFsX2xpbmtzIjp7ImxpbmtlZGluX2xpbmsiOiIiLCJmYWNlYm9va19saW5rIjoiIiwidHdpdHRlcl9saW5rIjoiIiwidmtvbnRha3RlX2xpbmsiOiIiLCJpbnN0YWdyYW1fbGluayI6IiIsInlvdXR1YmVfbGluayI6IiIsImJlaGFuY2VfbGluayI6IiJ9LCJzaG93X3F1aXpfdGl0bGUiOiJvbiIsInNob3dfcXVpel9kZXNjIjoib24iLCJzaG93X2xvZ2luX2Zvcm0iOiJvZmYiLCJtb2JpbGVfbWF4X3dpZHRoIjoiIiwibGltaXRfdXNlcnNfYnkiOiJpcCIsImV4cGxhbmF0aW9uX3RpbWUiOiI0IiwiZW5hYmxlX2NsZWFyX2Fuc3dlciI6Im9mZiIsInNob3dfY2F0ZWdvcnkiOiJvbiIsInNob3dfcXVlc3Rpb25fY2F0ZWdvcnkiOiJvbiIsImFuc3dlcnNfcGFkZGluZyI6IjUiLCJhbnN3ZXJzX2JvcmRlciI6Im9uIiwiYW5zd2Vyc19ib3JkZXJfd2lkdGgiOiIxIiwiYW5zd2Vyc19ib3JkZXJfc3R5bGUiOiJzb2xpZCIsImFuc3dlcnNfYm9yZGVyX2NvbG9yIjoiI2RkZGRkZCIsImFuc19pbWdfaGVpZ2h0IjoiMTUwIiwiYW5zX2ltZ19jYXB0aW9uX3N0eWxlIjoib3V0c2lkZSIsImFuc19pbWdfY2FwdGlvbl9wb3NpdGlvbiI6ImJvdHRvbSIsImFuc3dlcnNfYm94X3NoYWRvdyI6Im9mZiIsImFuc3dlcnNfYm94X3NoYWRvd19jb2xvciI6IiMwMDAiLCJzaG93X2Fuc3dlcnNfY2FwdGlvbiI6Im9uIiwiYW5zd2Vyc19tYXJnaW4iOjEyLCJhbnNfcmlnaHRfd3JvbmdfaWNvbiI6Im5vbmUiLCJkaXNwbGF5X3Njb3JlIjoiYnlfcG9pbnRzIiwiZW5hYmxlX3J3X2FzbndlcnNfc291bmRzIjoib2ZmIiwicXVpel9iZ19pbWdfaW5fZmluaXNoX3BhZ2UiOiJvZmYiLCJmaW5pc2hfYWZ0ZXJfd3JvbmdfYW5zd2VyIjoib2ZmIiwiYWZ0ZXJfdGltZXJfdGV4dCI6IkJcdTFlYTFuIFx1MDExMVx1MDBlMyBoXHUxZWJmdCBnaVx1MWVkZCBsXHUwMGUwbSBiXHUwMGUwaSEgWGVtIGtcdTFlYmZ0IHF1XHUxZWEzIGNcdTAwZTFjIGNcdTAwZTJ1IGhcdTFlY2ZpIFx1MDExMVx1MDBlMyBsXHUwMGUwbSBuaFx1MDBlOSEhISIsImVuYWJsZV9lbnRlcl9rZXkiOiJvbiIsInNob3dfcmF0ZV9hZnRlcl9yYXRlIjoib24iLCJidXR0b25zX3RleHRfY29sb3IiOiIjZmZmZmZmIiwiYnV0dG9uc19wb3NpdGlvbiI6ImNlbnRlciIsImJ1dHRvbnNfc2l6ZSI6ImxhcmdlIiwiYnV0dG9uc19mb250X3NpemUiOiIxOCIsImJ1dHRvbnNfd2lkdGgiOiIiLCJidXR0b25zX2xlZnRfcmlnaHRfcGFkZGluZyI6IjM2IiwiYnV0dG9uc190b3BfYm90dG9tX3BhZGRpbmciOiIxNCIsImJ1dHRvbnNfYm9yZGVyX3JhZGl1cyI6IjgiLCJlbmFibGVfYXVkaW9fYXV0b3BsYXkiOiJvZmYiLCJlbmFibGVfbGVhdmVfcGFnZSI6Im9uIiwic2hvd19vbmx5X3dyb25nX2Fuc3dlciI6Im9mZiIsInBhc3Nfc2NvcmUiOjAsInBhc3Nfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5DaFx1MDBmYWMgbVx1MWVlYm5nITxcL2g0PlxyXG48cCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5CXHUxZWExbiBcdTAxMTFcdTAwZTMgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSE8XC9wPiIsImZhaWxfc2NvcmVfbWVzc2FnZSI6IjxoNCBzdHlsZT1cInRleHQtYWxpZ246IGNlbnRlcjtcIj5cdTAxMTBcdTAwZTFuZyB0aVx1MWViZmMhPFwvaDQ+XHJcbjxwIHN0eWxlPVwidGV4dC1hbGlnbjogY2VudGVyO1wiPkJcdTFlYTFuIGtoXHUwMGY0bmcgdlx1MDFiMFx1MWVlM3QgcXVhIGJcdTAwZTBpIHRoaSFcclxuSFx1MDBlM3kgdGhcdTFlZWQgbFx1MWVhMWkgbmhcdTAwZTkhPFwvcD4iLCJhbnN3ZXJzX29iamVjdF9maXQiOiJjb3ZlciIsInF1aXpfbWF4X3Bhc3NfY291bnQiOjEsInF1ZXN0aW9uX2ZvbnRfc2l6ZSI6MTYsInF1aXpfd2lkdGhfYnlfcGVyY2VudGFnZV9weCI6InBpeGVscyIsInF1ZXN0aW9uc19oaW50X2ljb25fb3JfdGV4dCI6ImRlZmF1bHQiLCJxdWVzdGlvbnNfaGludF92YWx1ZSI6IiIsImVuYWJsZV9lYXJseV9maW5zaF9jb21maXJtX2JveCI6Im9uIiwiaGlkZV9jb3JyZWN0X2Fuc3dlcnMiOiJvZmYiLCJxdWl6X2xvYWRlcl90ZXh0X3ZhbHVlIjoiIiwic2hvd19pbmZvcm1hdGlvbl9mb3JtIjoib24iLCJzaG93X3F1ZXN0aW9uc19leHBsYW5hdGlvbiI6Im9uX3Jlc3VsdHNfcGFnZSIsImVuYWJsZV9xdWVzdGlvbnNfb3JkZXJpbmdfYnlfY2F0Ijoib2ZmIiwiZW5hYmxlX3NlbmRfbWFpbF90b191c2VyX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJlbmFibGVfc2VuZF9tYWlsX3RvX2FkbWluX2J5X3Bhc3Nfc2NvcmUiOiJvZmYiLCJzaG93X3F1ZXN0aW9uc19udW1iZXJpbmciOiJub25lIiwic2hvd19hbnN3ZXJzX251bWJlcmluZyI6Im5vbmUiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmIjoiIiwiZGlzYWJsZV9ob3Zlcl9lZmZlY3QiOiJvZmYiLCJxdWl6X2xvYWRlcl9jdXN0b21fZ2lmX3dpZHRoIjoxMDAsInF1aXpfdGl0bGVfdHJhbnNmb3JtYXRpb24iOiJ1cHBlcmNhc2UiLCJxdWl6X2ltYWdlX3dpZHRoX2J5X3BlcmNlbnRhZ2VfcHgiOiJwaXhlbHMiLCJxdWl6X2ltYWdlX2hlaWdodCI6MCwicXVpel9iZ19pbWdfb25fc3RhcnRfcGFnZSI6Im9mZiIsInF1aXpfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9ib3hfc2hhZG93X3lfb2Zmc2V0IjowLCJxdWl6X2JveF9zaGFkb3dfel9vZmZzZXQiOjE1LCJxdWl6X3F1ZXN0aW9uX3RleHRfYWxpZ25tZW50IjoiY2VudGVyIiwicXVpel9hcnJvd190eXBlIjoiZGVmYXVsdCIsInF1aXpfc2hvd193cm9uZ19hbnN3ZXJzX2ZpcnN0Ijoib2ZmIiwicXVpel9kaXNwbGF5X2FsbF9xdWVzdGlvbnMiOiJvbiIsInF1aXpfdGltZXJfcmVkX3dhcm5pbmciOiJvbiIsInF1aXpfc2NoZWR1bGVfdGltZXpvbmUiOiJVVEMrMCIsInF1ZXN0aW9uc19oaW50X2J1dHRvbl92YWx1ZSI6IiIsInF1aXpfdGFja2Vyc19tZXNzYWdlIjoiVGhpcyBxdWl6IGlzIGV4cGlyZWQhIiwicXVpel9lbmFibGVfbGlua2VkaW5fc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV9mYWNlYm9va19zaGFyZV9idXR0b24iOiJvbiIsInF1aXpfZW5hYmxlX3R3aXR0ZXJfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X2VuYWJsZV92a29udGFrdGVfc2hhcmVfYnV0dG9uIjoib24iLCJxdWl6X21ha2VfcmVzcG9uc2VzX2Fub255bW91cyI6Im9mZiIsInF1aXpfbWFrZV9hbGxfcmV2aWV3X2xpbmsiOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3RpbWVyIjoiVGhcdTFlZGRpIGdpYW4gY1x1MDBmMm4gbFx1MWVhMWkiLCJxdWl6X3Bhc3N3b3JkX21lc3NhZ2UiOiIiLCJlbmFibGVfc2VlX3Jlc3VsdF9jb25maXJtX2JveCI6Im9mZiIsImRpc3BsYXlfZmllbGRzX2xhYmVscyI6Im9mZiIsInF1aXpfZW5hYmxlX3Bhc3N3b3JkX3Zpc2liaWxpdHkiOiJvZmYiLCJxdWVzdGlvbl9tb2JpbGVfZm9udF9zaXplIjoxNiwiYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNSwic29jaWFsX2J1dHRvbnNfaGVhZGluZyI6IiIsInNvY2lhbF9saW5rc19oZWFkaW5nIjoiIiwicXVpel9lbmFibGVfcXVlc3Rpb25fY2F0ZWdvcnlfZGVzY3JpcHRpb24iOiJvZmYiLCJxdWl6X21lc3NhZ2VfYmVmb3JlX3JlZGlyZWN0X3RpbWVyIjoiIiwiYnV0dG9uc19tb2JpbGVfZm9udF9zaXplIjoxOCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd194X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd195X29mZnNldCI6MCwicXVpel9hbnN3ZXJfYm94X3NoYWRvd196X29mZnNldCI6MTAsInF1aXpfZW5hYmxlX3RpdGxlX3RleHRfc2hhZG93Ijoib2ZmIiwicXVpel90aXRsZV90ZXh0X3NoYWRvd19jb2xvciI6IiMzMzMiLCJyaWdodF9hbnN3ZXJzX2ZvbnRfc2l6ZSI6MTYsIndyb25nX2Fuc3dlcnNfZm9udF9zaXplIjoxNiwicXVlc3RfZXhwbGFuYXRpb25fZm9udF9zaXplIjoxNiwicXVpel93YWl0aW5nX3RpbWUiOiJvZmYiLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3hfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3lfb2Zmc2V0IjoyLCJxdWl6X3RpdGxlX3RleHRfc2hhZG93X3pfb2Zmc2V0IjoyLCJxdWl6X3Nob3dfb25seV93cm9uZ19hbnN3ZXJzIjoib2ZmIiwicXVpel90aXRsZV9mb250X3NpemUiOjI4LCJxdWl6X3RpdGxlX21vYmlsZV9mb250X3NpemUiOjIwLCJxdWl6X3Bhc3N3b3JkX3dpZHRoIjoiIiwicXVpel9yZXZpZXdfcGxhY2Vob2xkZXJfdGV4dCI6IiIsInF1aXpfbWFrZV9yZXZpZXdfcmVxdWlyZWQiOiJvZmYiLCJxdWl6X2VuYWJsZV9yZXN1bHRzX3RvZ2dsZSI6Im9mZiIsInF1aXpfcmV2aWV3X3RoYW5rX3lvdV9tZXNzYWdlIjoiIiwicXVpel9yZXZpZXdfZW5hYmxlX2NvbW1lbnRfZmllbGQiOiJvbiIsInF1ZXN0X2V4cGxhbmF0aW9uX21vYmlsZV9mb250X3NpemUiOjE2LCJ3cm9uZ19hbnN3ZXJzX21vYmlsZV9mb250X3NpemUiOjE2LCJxdWl6X2VuYWJsZV9xdWVzdGlvbl9pbWFnZV96b29tIjoib2ZmIiwicmlnaHRfYW5zd2Vyc19tb2JpbGVfZm9udF9zaXplIjoxNiwicXVpel9kaXNwbGF5X21lc3NhZ2VzX2JlZm9yZV9idXR0b25zIjoib2ZmIiwiZW5hYmxlX3F1ZXN0aW9uc19yZXBvcnRpbmciOiJvZmYiLCJxdWl6X2VuYWJsZV9xdWVzdGlvbnNfcmVwb3J0aW5nX21haWwiOiJvZmYiLCJxdWl6X2VuYWJsZV91c2VyX2NcdTA1NzBvb3NpbmdfYW5vbnltb3VzX2Fzc2Vzc21lbnQiOiJvZmYiLCJub3RlX3RleHRfZm9udF9zaXplIjoxNCwibm90ZV90ZXh0X21vYmlsZV9mb250X3NpemUiOjE0LCJxdWl6X3F1ZXN0aW9uc19udW1iZXJpbmdfYnlfY2F0ZWdvcnkiOiJvZmYiLCJxdWl6X2VuYWJsZV9jdXN0b21fdGV4dHNfZm9yX2J1dHRvbnMiOiJvZmYiLCJxdWl6X2N1c3RvbV90ZXh0c19zdGFydF9idXR0b24iOiJTdGFydCIsInF1aXpfY3VzdG9tX3RleHRzX25leHRfYnV0dG9uIjoiTmV4dCIsInF1aXpfY3VzdG9tX3RleHRzX3ByZXZfYnV0dG9uIjoiUHJldiIsInF1aXpfY3VzdG9tX3RleHRzX2NsZWFyX2J1dHRvbiI6IkNsZWFyIiwicXVpel9jdXN0b21fdGV4dHNfZmluaXNoX2J1dHRvbiI6IkZpbmlzaCIsInF1aXpfY3VzdG9tX3RleHRzX3NlZV9yZXN1bHRzX2J1dHRvbiI6IlNlZSBSZXN1bHQiLCJxdWl6X2N1c3RvbV90ZXh0c19yZXN0YXJ0X3F1aXpfYnV0dG9uIjoiUmVzdGFydCBxdWl6IiwicXVpel9jdXN0b21fdGV4dHNfc2VuZF9mZWVkYmFja19idXR0b24iOiJTZW5kIGZlZWRiYWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9hZF9tb3JlX2J1dHRvbiI6IkxvYWQgbW9yZSIsInF1aXpfY3VzdG9tX3RleHRzX2V4aXRfYnV0dG9uIjoiRXhpdCIsInF1aXpfY3VzdG9tX3RleHRzX2NoZWNrX2J1dHRvbiI6IkNoZWNrIiwicXVpel9jdXN0b21fdGV4dHNfbG9naW5fYnV0dG9uIjoiTG9nIEluIiwicXVpel9lbmFibGVfcXVpel9jYXRlZ29yeV9kZXNjcmlwdGlvbiI6Im9mZiIsInF1aXpfYWRtaW5fbm90ZV90ZXh0X3RyYW5zZm9ybSI6Im5vbmUiLCJxdWl6X2dyaWRfdmlld19jb3VudCI6IjIiLCJxdWl6X2dyaWRfaW1hZ2VfdmlldyI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9yaWdodF9hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel93cm9uZ19hbnN3ZXJfdGV4dF90cmFuc2Zvcm0iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX3RleHRfZGVjb3JhdGlvbiI6Im5vbmUiLCJxdWl6X3JpZ2h0X2Fuc3dlcnNfdGV4dF9kZWNvcmF0aW9uIjoibm9uZSIsInF1aXpfd3JvbmdfYW5zd2Vyc190ZXh0X2RlY29yYXRpb24iOiJub25lIiwicXVpel9hZG1pbl9ub3RlX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfYmdfaW1nX2R1cmluZ190aGVfcXVpeiI6Im9mZiIsInF1aXpfcXVlc3RfZXhwbGFuYXRpb25fbGV0dGVyX3NwYWNpbmciOiIwIiwicXVpel9yaWdodF9hbnN3ZXJzX2xldHRlcl9zcGFjaW5nIjoiMCIsInF1aXpfd3JvbmdfYW5zd2Vyc19sZXR0ZXJfc3BhY2luZyI6IjAiLCJxdWl6X2FkbWluX25vdGVfZm9udF93ZWlnaHQiOiJub3JtYWwiLCJxdWl6X3F1ZXN0X2V4cGxhbmF0aW9uX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9yaWdodF9hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel93cm9uZ19hbnN3ZXJzX2ZvbnRfd2VpZ2h0Ijoibm9ybWFsIiwicXVpel9jb250ZW50X21heF93aWR0aCI6OTAsInF1aXpfY29udGVudF9tb2JpbGVfbWF4X3dpZHRoIjo5MCwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2UiOm51bGwsInF1ZXN0aW9uX2NvdW50X3Blcl9wYWdlX251bWJlciI6IiIsIm1haWxfbWVzc2FnZSI6IiIsImVuYWJsZV9jZXJ0aWZpY2F0ZSI6Im9mZiIsImVuYWJsZV9jZXJ0aWZpY2F0ZV93aXRob3V0X3NlbmQiOiJvZmYiLCJjZXJ0aWZpY2F0ZV9wYXNzIjoiMCIsImZvcm1fdGl0bGUiOiIiLCJjZXJ0aWZpY2F0ZV90aXRsZSI6IjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiA1MHB4OyBmb250LXdlaWdodDogYm9sZDtcIj5DZXJ0aWZpY2F0ZSBvZiBDb21wbGV0aW9uPFwvc3Bhbj4iLCJjZXJ0aWZpY2F0ZV9ib2R5IjoiPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+VGhpcyBpcyB0byBjZXJ0aWZ5IHRoYXQ8XC9pPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMzBweDtcIj48Yj4lJXVzZXJfbmFtZSUlPFwvYj48XC9zcGFuPlxyXG5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDI1cHg7XCI+PGk+aGFzIGNvbXBsZXRlZCB0aGUgcXVpejxcL2k+PFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAzMHB4O1wiPlwiJSVxdWl6X25hbWUlJVwiPFwvc3Bhbj5cclxuXHJcbjxzcGFuIHN0eWxlPVwiZm9udC1zaXplOiAyMHB4O1wiPndpdGggYSBzY29yZSBvZiA8Yj4lJXNjb3JlJSU8XC9iPjxcL3NwYW4+XHJcblxyXG48c3BhbiBzdHlsZT1cImZvbnQtc2l6ZTogMjVweDtcIj48aT5kYXRlZDxcL2k+PFwvc3Bhbj5cclxuPHNwYW4gc3R5bGU9XCJmb250LXNpemU6IDMwcHg7XCI+JSVjdXJyZW50X2RhdGUlJTxcL3NwYW4+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzNjE1NCIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAxMCIsImRlc2NyaXB0aW9uIjoiPHA+PHN0cm9uZz5CYVx1MDMwMGkgVFx1MDBlMlx1MDMyM3AgVHJcdTFlYWZjIG5naGlcdTFlYzdtIFRpbiBoXHUxZWNkYyAxMiAtIENcdTAwZTFuaCBkaVx1MWVjMXUgLSBCXHUwMGUwaSAxMDogQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAsIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggLSBcdTAxMTBcdTAwZWFcdTAzMDAgMTA8XC9zdHJvbmc+IFx1MDExMVx1MDFiMFx1MWVlM2MgeFx1MDBlMnkgZFx1MWVmMW5nIHZcdTFlZGJpIG5oaVx1MWVjMXUgY1x1MDBlMnUgaFx1MWVjZmkgY2hcdTFlYTV0IGxcdTAxYjBcdTFlZTNuZywgc1x1MDBlMXQgdlx1MWVkYmkgblx1MWVkOWkgZHVuZyBjaFx1MDFiMFx1MDFhMW5nIHRyXHUwMGVjbmggaFx1MWVjZGMsIGdpXHUwMGZhcCBiXHUxZWExbiBkXHUxZWM1IGRcdTAwZTBuZyBcdTAwZjRuIHRcdTFlYWRwIHZcdTAwZTAga2lcdTFlYzNtIHRyYSBraVx1MWViZm4gdGhcdTFlZTljIGhpXHUxZWM3dSBxdVx1MWVhMy4gSFx1MDBlM3kgY1x1MDBmOW5nIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgbFx1MDBlMG0gYlx1MDBlMGkgdFx1MWVhZHAgdHJcdTFlYWZjIG5naGlcdTFlYzdtIG5nYXkgXHUwMTExXHUxZWMzIG5cdTAwZTJuZyBjYW8gaGlcdTFlYzN1IGJpXHUxZWJmdCB2XHUwMGUwIGNodVx1MWVhOW4gYlx1MWVjYiB0XHUxZWQxdCBjaG8ga1x1MWVmMyB0aGkgc1x1MWVhZnAgdFx1MWVkYmkhPFwvcD5cclxuXHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTogVHJvbmcgQ1NTLCBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoQ2xhc3MgU2VsZWN0b3IpIFx1MDExMVx1MDFiMFx1MWVlM2Mgc1x1MWVlZCBkXHUxZWU1bmcgXHUwMTExXHUxZWMzIGxcdTAwZTBtIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gXHUwMGMxcCBkXHUxZWU1bmcga2lcdTFlYzN1IGRcdTAwZTFuZyBjaG8gbVx1MWVkOXQgaG9cdTFlYjdjIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQgSFRNTCBjXHUwMGYzIGNcdTAwZjluZyB0XHUwMGVhbiBsXHUxZWRicC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBcdTAwYzFwIGRcdTFlZTVuZyBraVx1MWVjM3UgZFx1MDBlMW5nIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGR1eSBuaFx1MWVhNXQgdHJcdTAwZWFuIHRyYW5nLjxcL2xpPlxyXG48bGk+Qy4gXHUwMGMxcCBkXHUxZWU1bmcga2lcdTFlYzN1IGRcdTAwZTFuZyBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGNcdTAwZjluZyBsb1x1MWVhMWkgKHZcdTAwZWQgZFx1MWVlNTogdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyB0aFx1MWViYiBwKS48XC9saT5cclxuPGxpPkQuIFx1MDBjMXAgZFx1MWVlNW5nIGtpXHUxZWMzdSBkXHUwMGUxbmcgY2hvIGNcdTAwZTFjIHBoXHUxZWE3biB0XHUxZWVkIGRcdTFlZjFhIHRyXHUwMGVhbiB2XHUxZWNiIHRyXHUwMGVkIGNcdTFlZTdhIGNoXHUwMGZhbmcgdHJvbmcgY1x1MWVhNXUgdHJcdTAwZmFjIEhUTUwuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjogQ1x1MDBmYSBwaFx1MDBlMXAgY2hcdTAwZWRuaCB4XHUwMGUxYyBcdTAxMTFcdTFlYzMga2hhaSBiXHUwMGUxbyBtXHUxZWQ5dCBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBjXHUwMGYzIHRcdTAwZWFuIGxcdTAwZTAgYGhpZ2hsaWdodGAgdHJvbmcgdFx1MWVjN3AgQ1NTIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gI2hpZ2hsaWdodCB7IC4uLiB9PFwvbGk+XHJcbjxsaT5CLiBoaWdobGlnaHQgeyAuLi4gfTxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiAuaGlnaGxpZ2h0IHsgLi4uIH08XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiAqaGlnaGxpZ2h0IHsgLi4uIH08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAzOiBcdTAxMTBcdTFlYzMgXHUwMGUxcCBkXHUxZWU1bmcgbVx1MWVkOXQgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY1x1MDBmMyB0XHUwMGVhbiBgd2FybmluZ2Agdlx1MDBlMG8gbVx1MWVkOXQgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gYDxwPmAgdHJvbmcgdFx1MWVjN3AgSFRNTCwgYlx1MWVhMW4gc1x1MWViZCBzXHUxZWVkIGRcdTFlZTVuZyB0aHVcdTFlZDljIHRcdTAwZWRuaCBIVE1MIG5cdTAwZTBvIHZcdTAwZTAgdlx1MWVkYmkgZ2lcdTAwZTEgdHJcdTFlY2IgbmhcdTAxYjAgdGhcdTFlYmYgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIGBpZD08XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gYGNsYXNzPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGBuYW1lPTxcL2xpPlxyXG48bGk+RC4gYHN0eWxlPTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDQ6IEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIFNlbGVjdG9yKSB0cm9uZyBDU1MgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBcdTAxMTFcdTFlYzMgbFx1MDBlMG0gZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gXHUwMGMxcCBkXHUxZWU1bmcga2lcdTFlYzN1IGRcdTAwZTFuZyBjaG8gbVx1MWVkOXQgaG9cdTFlYjdjIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQgSFRNTCBjXHUwMGYzIGNcdTAwZjluZyB0XHUwMGVhbiBcdTAxMTFcdTFlY2JuaCBkYW5oLjxcL2xpPlxyXG48bGk+Qi4gXHUwMGMxcCBkXHUxZWU1bmcga2lcdTFlYzN1IGRcdTAwZTFuZyBjaG8gdFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGNcdTAwZjluZyBsb1x1MWVhMWkuPFwvbGk+XHJcbjxsaT5DLiBcdTAwYzFwIGRcdTFlZTVuZyBraVx1MWVjM3UgZFx1MDBlMW5nIGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBkXHUxZWYxYSB0clx1MDBlYW4gdHJcdTFlYTFuZyB0aFx1MDBlMWkgY1x1MWVlN2EgY2hcdTAwZmFuZyAodlx1MDBlZCBkXHUxZWU1OiBraGkgZGkgY2h1XHUxZWQ5dCBxdWEpLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBcdTAwYzFwIGRcdTFlZTVuZyBraVx1MWVjM3UgZFx1MDBlMW5nIGNobyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGR1eSBuaFx1MWVhNXQgY1x1MDBmMyB0aHVcdTFlZDljIHRcdTAwZWRuaCBgaWRgIHRcdTAxYjBcdTAxYTFuZyBcdTFlZTluZy48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgNTogQ1x1MDBmYSBwaFx1MDBlMXAgY2hcdTAwZWRuaCB4XHUwMGUxYyBcdTAxMTFcdTFlYzMga2hhaSBiXHUwMGUxbyBtXHUxZWQ5dCBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGNcdTAwZjMgdFx1MDBlYW4gbFx1MDBlMCBgaGVhZGVyYCB0cm9uZyB0XHUxZWM3cCBDU1MgbFx1MDBlMCBnXHUwMGVjP1xyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuICNoZWFkZXIgeyAuLi4gfTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIC5oZWFkZXIgeyAuLi4gfTxcL2xpPlxyXG48bGk+Qy4gaGVhZGVyIHsgLi4uIH08XC9saT5cclxuPGxpPkQuICpoZWFkZXIgeyAuLi4gfTxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDY6IFx1MDExMFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBtXHUxZWQ5dCBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGNcdTAwZjMgdFx1MDBlYW4gYHNpdGUtdGl0bGVgIHZcdTAwZTBvIG1cdTFlZDl0IHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgYDxoMT5gIHRyb25nIHRcdTFlYzdwIEhUTUwsIGJcdTFlYTFuIHNcdTFlYmQgc1x1MWVlZCBkXHUxZWU1bmcgdGh1XHUxZWQ5YyB0XHUwMGVkbmggSFRNTCBuXHUwMGUwbyB2XHUwMGUwIHZcdTFlZGJpIGdpXHUwMGUxIHRyXHUxZWNiIG5oXHUwMWIwIHRoXHUxZWJmIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBgY2xhc3M9PFwvbGk+XHJcbjxsaT5CLiBgbmFtZT08XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gYGlkPTxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIGBzdHlsZT08XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA3OiBcdTAxMTBpXHUxZWMzbSBraFx1MDBlMWMgYmlcdTFlYzd0IENcdTFlZDBUIExcdTAwZDVJIG5oXHUxZWE1dCBnaVx1MWVlZmEgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgdlx1MDBlMCBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGxcdTAwZTAgZ1x1MDBlYz9cclxuPHVsPlxyXG48bGk+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY2hcdTFlYzkgZFx1MDBmOW5nIGNobyB2XHUwMTAzbiBiXHUxZWEzbiwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBkXHUwMGY5bmcgY2hvIGhcdTAwZWNuaCBcdTFlYTNuaC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBjaFx1MWVjOSBcdTAwZTFwIGRcdTFlZTVuZyBjaG8gbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgZHV5IG5oXHUxZWE1dCwgYlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgXHUwMGUxcCBkXHUxZWU1bmcgY2hvIG5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgY1x1MDBmMyBcdTAxMTFcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gY2FvIGhcdTAxYTFuIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmguPFwvbGk+XHJcbjxsaT5ELiBCXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGNoXHUxZWM5IGNcdTAwZjMgdGhcdTFlYzMga2hhaSBiXHUwMGUxbyB0cm9uZyB0aFx1MWViYiBgPHN0eWxlPmAsIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGNcdTAwZjMgdGhcdTFlYzMga2hhaSBiXHUwMGUxbyBcdTFlZGYgdFx1MWVjN3AgbmdvXHUxZWExaS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA4OiBCXHUxZWExbiBjXHUwMGYzIGhhaSBsXHUxZWRicCBDU1MgbFx1MDBlMCBgLnRleHQtY2VudGVyYCAoY1x1MDEwM24gZ2lcdTFlZWZhIHZcdTAxMDNuIGJcdTFlYTNuKSB2XHUwMGUwIGAudGV4dC1ib2xkYCAoY2hcdTFlZWYgaW4gXHUwMTExXHUxZWFkbSkuIFx1MDExMFx1MWVjMyBcdTAwZTFwIGRcdTFlZTVuZyBjXHUxZWEzIGhhaSBraVx1MWVjM3UgZFx1MDBlMW5nIG5cdTAwZTB5IGNobyBjXHUwMGY5bmcgbVx1MWVkOXQgXHUwMTExb1x1MWVhMW4gdlx1MDEwM24gYlx1MWVhM24gYDxwPmAsIGJcdTFlYTFuIHNcdTFlYmQgdmlcdTFlYmZ0IHRoXHUxZWJiIGA8cD5gIG5oXHUwMWIwIHRoXHUxZWJmIG5cdTAwZTBvP1xyXG48dWw+XHJcbjxsaT5BLiBgPHAgY2xhc3M9PFwvbGk+XHJcbjxsaT5CLiBgPHAgY2xhc3M9PFwvbGk+XHJcbjxsaT5DLiBgPHAgY2xhc3M9PFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIGA8cCBjbGFzc2VzPTxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSA5OiBYZW0geFx1MDBlOXQgXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBIVE1MIHZcdTAwZTAgQ1NTIHNhdTo8YnI+SFRNTDogYDxkaXYgaWQ9XHJcbjx1bD5cclxuPGxpPkEuIENcdTAwZjMgdmlcdTFlYzFuIHhhbmggbmhcdTAxYjBuZyBraFx1MDBmNG5nIGNcdTAwZjMgblx1MWVjMW4gdlx1MDBlMG5nLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBDXHUwMGYzIHZpXHUxZWMxbiB4YW5oIHZcdTAwZTAgblx1MWVjMW4gdlx1MDBlMG5nLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIENcdTAwZjMgblx1MWVjMW4gdlx1MDBlMG5nIG5oXHUwMWIwbmcga2hcdTAwZjRuZyBjXHUwMGYzIHZpXHUxZWMxbiB4YW5oLjxcL2xpPlxyXG48bGk+RC4gS2hcdTAwZjRuZyBjXHUwMGYzIGtpXHUxZWMzdSBkXHUwMGUxbmcgblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZy48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMDogQlx1MWVhMW4gbXVcdTFlZDFuIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyBUXHUxZWE0VCBDXHUxZWEyIGNcdTAwZTFjIG5cdTAwZmF0IG5oXHUxZWE1biAoYDxidXR0b24+YCkgdHJcdTAwZWFuIHRyYW5nIHdlYiBjXHUxZWU3YSBtXHUwMGVjbmggY1x1MDBmMyBtXHUwMGUwdSBuXHUxZWMxbiB4YW5oIGxcdTAwZTEgY1x1MDBlMnkuIEJcdTFlZDkgY2hcdTFlY2RuIENTUyBuXHUwMGUwbyBsXHUwMGUwIHBoXHUwMGY5IGhcdTFlZTNwIG5oXHUxZWE1dCBjaG8gbVx1MWVlNWMgXHUwMTExXHUwMGVkY2ggblx1MDBlMHk/XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gYGJ1dHRvbiB7IGJhY2tncm91bmQtY29sb3I6IGdyZWVuOyB9YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGAuYnV0dG9uIHsgYmFja2dyb3VuZC1jb2xvcjogZ3JlZW47IH1gPFwvbGk+XHJcbjxsaT5DLiBgI2J1dHRvbiB7IGJhY2tncm91bmQtY29sb3I6IGdyZWVuOyB9YDxcL2xpPlxyXG48bGk+RC4gYCogeyBiYWNrZ3JvdW5kLWNvbG9yOiBncmVlbjsgfWA8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMTogQlx1MWVhMW4gXHUwMTExYW5nIHRoaVx1MWViZnQga1x1MWViZiBtXHUxZWQ5dCB0cmFuZyB3ZWIgdlx1MDBlMCBjXHUxZWE3biBtXHUxZWQ5dCBjXHUwMGUxY2ggXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIGRcdTFlYTFuZyA8aT5jaFx1MWVjOTxcL2k+IGxvZ28gZHV5IG5oXHUxZWE1dCBcdTFlZGYgZ1x1MDBmM2MgdHJcdTAwZWFuIGJcdTAwZWFuIHRyXHUwMGUxaS4gQlx1MWVkOSBjaFx1MWVjZG4gQ1NTIG5cdTAwZTBvIGJcdTFlYTFuIE5cdTAwY2FOIHNcdTFlZWQgZFx1MWVlNW5nIGNobyBwaFx1MWVhN24gdFx1MWVlZCBjaFx1MWVlOWEgbG9nbyBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+QS4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgKENsYXNzIFNlbGVjdG9yKS48XC9saT5cclxuPGxpPkIuIEJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIChFbGVtZW50IFNlbGVjdG9yKS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gQlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAoSUQgU2VsZWN0b3IpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIEJcdTFlZDkgY2hcdTFlY2RuIHRvXHUwMGUwbiBjXHUxZWU1YyAoVW5pdmVyc2FsIFNlbGVjdG9yKS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMjogQlx1MWVhMW4gbXVcdTFlZDFuIHRcdTFlYTFvIG1cdTFlZDl0IGtpXHUxZWMzdSBkXHUwMGUxbmcgXHUwMTExXHUxZWI3YyBiaVx1MWVjN3QgKHZcdTAwZWQgZFx1MWVlNTogdmlcdTFlYzFuIFx1MDExMVx1MWVlOXQgblx1MDBlOXQgbVx1MDBlMHUgXHUwMTExXHUxZWNmKSBjXHUwMGYzIHRoXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGNobyA8aT5tXHUxZWQ5dCBzXHUxZWQxPFwvaT4gaFx1MDBlY25oIFx1MWVhM25oIHRyb25nIHRoXHUwMWIwIHZpXHUxZWM3biBcdTFlYTNuaCBjXHUxZWU3YSBtXHUwMGVjbmgsIG5oXHUwMWIwbmcga2hcdTAwZjRuZyBwaFx1MWVhM2kgdFx1MWVhNXQgY1x1MWVhMy4gQlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gXHUwMTExXHUxZWMzIFx1MDExMVx1MWVjYm5oIG5naFx1MDEyOWEga2lcdTFlYzN1IGRcdTAwZTFuZyBuXHUwMGUweT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoQ2xhc3MgU2VsZWN0b3IpLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIFNlbGVjdG9yKS48XC9saT5cclxuPGxpPkMuIEJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIChFbGVtZW50IFNlbGVjdG9yKSBjaG8gdGhcdTFlYmIgYDxpbWc+YC48XC9saT5cclxuPGxpPkQuIEJcdTFlZDkgY2hcdTFlY2RuIHRvXHUwMGUwbiBjXHUxZWU1YyAoVW5pdmVyc2FsIFNlbGVjdG9yKS48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxMzogWGVtIHhcdTAwZTl0IFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTCB2XHUwMGUwIENTUyBzYXU6PGJyPkhUTUw6IGA8aDIgaWQ9XHJcbjx1bD5cclxuPGxpPjxzdHJvbmc+QS4gTVx1MDBlMHUgXHUwMTExXHUxZWNmLCB2XHUwMGVjIGJcdTFlZDkgY2hcdTFlY2RuIElEIGNcdTAwZjMgXHUwMTExXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIGNhbyBoXHUwMWExbiBiXHUxZWQ5IGNoXHUxZWNkbiBDbGFzcy48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5CLiBNXHUwMGUwdSB4YW5oLCB2XHUwMGVjIGJcdTFlZDkgY2hcdTFlY2RuIENsYXNzIHh1XHUxZWE1dCBoaVx1MWVjN24gc2F1IHRyb25nIENTUy48XC9saT5cclxuPGxpPkMuIE1cdTAwZTB1IHhhbmgsIHZcdTAwZWMgYlx1MWVkOSBjaFx1MWVjZG4gQ2xhc3MgY1x1MDBmMyBcdTAxMTFcdTFlZDkgXHUwMWIwdSB0aVx1MDBlYW4gY2FvIGhcdTAxYTFuIGJcdTFlZDkgY2hcdTFlY2RuIElELjxcL2xpPlxyXG48bGk+RC4gTVx1MDBlMHUgbVx1MWViN2MgXHUwMTExXHUxZWNibmggKHRoXHUwMWIwXHUxZWRkbmcgbFx1MDBlMCBcdTAxMTFlbiksIHZcdTAwZWMgY1x1MDBmMyB4dW5nIFx1MDExMVx1MWVkOXQgZ2lcdTFlZWZhIGhhaSBxdXkgdFx1MWVhZmMuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTQ6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgdFx1MWVjN3AgQ1NTIHZcdTFlZGJpIHF1eSB0XHUxZWFmYyBgLmFydGljbGUtY29udGVudCBwIHsgbGluZS1oZWlnaHQ6IDEuNjsgfWAuIFF1eSB0XHUxZWFmYyBuXHUwMGUweSBzXHUxZWJkIFx1MDBlMXAgZFx1MWVlNW5nIGtob1x1MWVhM25nIGNcdTAwZTFjaCBkXHUwMGYybmcgMS42IGNobyBuaFx1MWVlZm5nIHBoXHUxZWE3biB0XHUxZWVkIG5cdTAwZTBvIHRyb25nIEhUTUw/XHJcbjx1bD5cclxuPGxpPkEuIFRcdTFlYTV0IGNcdTFlYTMgY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgYDxwPmAgdHJcdTAwZWFuIHRyYW5nLjxcL2xpPlxyXG48bGk+Qi4gUGhcdTFlYTduIHRcdTFlZWQgY1x1MDBmMyBsXHUxZWRicCBgYXJ0aWNsZS1jb250ZW50YC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gVFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBgPHA+YCBuXHUxZWIxbSBiXHUwMGVhbiB0cm9uZyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGYzIGxcdTFlZGJwIGBhcnRpY2xlLWNvbnRlbnRgLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFBoXHUxZWE3biB0XHUxZWVkIGA8cD5gIGNcdTAwZjMgbFx1MWVkYnAgYGFydGljbGUtY29udGVudGAuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTU6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgdFx1MWVjN3AgQ1NTIHZcdTFlZGJpIHF1eSB0XHUxZWFmYyBgI21haW4tbmF2aWdhdGlvbiBhIHsgdGV4dC1kZWNvcmF0aW9uOiBub25lOyB9YC4gUXV5IHRcdTFlYWZjIG5cdTAwZTB5IHNcdTFlYmQgXHUwMGUxcCBkXHUxZWU1bmcgZ1x1MWVhMWNoIGNoXHUwMGUybiBjaG8gbmhcdTFlZWZuZyBsaVx1MDBlYW4ga1x1MWViZnQgKGA8YT5gKSBuXHUwMGUwbyB0cm9uZyBIVE1MP1xyXG48dWw+XHJcbjxsaT5BLiBUXHUxZWE1dCBjXHUxZWEzIGNcdTAwZTFjIGxpXHUwMGVhbiBrXHUxZWJmdCAoYDxhPmApIHRyXHUwMGVhbiB0cmFuZy48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gVFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBsaVx1MDBlYW4ga1x1MWViZnQgKGA8YT5gKSBuXHUxZWIxbSBiXHUwMGVhbiB0cm9uZyBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGYzIElEIGBtYWluLW5hdmlnYXRpb25gLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgSUQgYG1haW4tbmF2aWdhdGlvbmAuPFwvbGk+XHJcbjxsaT5ELiBMaVx1MDBlYW4ga1x1MWViZnQgKGA8YT5gKSBjXHUwMGYzIElEIGBtYWluLW5hdmlnYXRpb25gLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDE2OiBCXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQgcXV5IHRcdTFlYWZjIENTUyBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIDxpPmNoXHUxZWM5PFwvaT4gY1x1MDBlMWMgaFx1MDBlY25oIFx1MWVhM25oIChgPGltZz5gKSBcdTAxMTFcdTAxYjBcdTFlZTNjIFx1MDExMVx1MDBlMW5oIGRcdTFlYTV1IGJcdTFlYjFuZyBsXHUxZWRicCBgdGh1bWJuYWlsYC4gQ1x1MDBmYSBwaFx1MDBlMXAgQ1NTIG5cdTAwZTBvIGxcdTAwZTAgY2hcdTAwZWRuaCB4XHUwMGUxYz9cclxuPHVsPlxyXG48bGk+QS4gYC50aHVtYm5haWwgeyAuLi4gfWA8XC9saT5cclxuPGxpPkIuIGAjdGh1bWJuYWlsIHsgLi4uIH1gPFwvbGk+XHJcbjxsaT5DLiBgaW1nIC50aHVtYm5haWwgeyAuLi4gfWA8XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gYGltZy50aHVtYm5haWwgeyAuLi4gfWA8XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMTc6IEJcdTFlYTFuIG11XHUxZWQxbiB0XHUxZWExbyBtXHUxZWQ5dCBxdXkgdFx1MWVhZmMgQ1NTIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmcgPGk+Y2hcdTFlYzk8XC9pPiBwaFx1MWVhN24gdFx1MWVlZCBgPGRpdj5gIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMTExXHUwMGUxbmggZFx1MWVhNXUgYlx1MWViMW5nIElEIGBtb2RhbC1kaWFsb2dgLiBDXHUwMGZhIHBoXHUwMGUxcCBDU1Mgblx1MDBlMG8gbFx1MDBlMCBjaFx1MDBlZG5oIHhcdTAwZTFjP1xyXG48dWw+XHJcbjxsaT5BLiBgI21vZGFsLWRpYWxvZyB7IC4uLiB9YDxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBgZGl2I21vZGFsLWRpYWxvZyB7IC4uLiB9YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIGBkaXYgI21vZGFsLWRpYWxvZyB7IC4uLiB9YDxcL2xpPlxyXG48bGk+RC4gYC5tb2RhbC1kaWFsb2cgeyAuLi4gfWA8XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxODogWGVtIHhcdTAwZTl0IFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTDogYDxwIGNsYXNzPVxyXG48dWw+XHJcbjxsaT5BLiBDaFx1MWVjOSAxIHZcdTAwZTAgMi48XC9saT5cclxuPGxpPkIuIENoXHUxZWM5IDEsIDIgdlx1MDBlMCA0LjxcL2xpPlxyXG48bGk+Qy4gQ2hcdTFlYzkgMSwgMyB2XHUwMGUwIDQuPFwvbGk+XHJcbjxsaT48c3Ryb25nPkQuIENoXHUxZWM5IDEsIDIgdlx1MDBlMCAzLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAxOTogQlx1MWVhMW4gY1x1MDBmMyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGA8ZGl2IGlkPVxyXG48dWw+XHJcbjxsaT48c3Ryb25nPkEuIGAjY29udGVudCB7IGNvbG9yOiBibHVlOyB9YDxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIGAuY29udGVudCB7IGNvbG9yOiBibHVlOyB9YDxcL2xpPlxyXG48bGk+Qy4gYGRpdi5jb250ZW50IHsgY29sb3I6IGJsdWU7IH1gPFwvbGk+XHJcbjxsaT5ELiBgY29udGVudCB7IGNvbG9yOiBibHVlOyB9YDxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDIwOiBUaHVcdTFlZDljIHRcdTAwZWRuaCBgaWRgIHRyb25nIEhUTUwgY1x1MDBmMyB5XHUwMGVhdSBjXHUxZWE3dSBnXHUwMGVjIHZcdTFlYzEgdFx1MDBlZG5oIGR1eSBuaFx1MWVhNXQgdHJvbmcgbVx1MWVkOXQgdFx1MDBlMGkgbGlcdTFlYzd1P1xyXG48dWw+XHJcbjxsaT5BLiBNXHUxZWQ3aSBnaVx1MDBlMSB0clx1MWVjYiBgaWRgIHBoXHUxZWEzaSBkdXkgbmhcdTFlYTV0IHRyb25nIHBoXHUxZWExbSB2aSBtXHUxZWQ5dCBraFx1MWVkMWkgKGJsb2NrKSBIVE1MLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBNXHUxZWQ3aSBnaVx1MDBlMSB0clx1MWVjYiBgaWRgIHBoXHUxZWEzaSBkdXkgbmhcdTFlYTV0IHRyb25nIHRvXHUwMGUwbiBiXHUxZWQ5IHRcdTAwZTBpIGxpXHUxZWM3dSBIVE1MLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIE5oaVx1MWVjMXUgcGhcdTFlYTduIHRcdTFlZWQgY1x1MDBmMyB0aFx1MWVjMyBjXHUwMGYzIGNcdTAwZjluZyBtXHUxZWQ5dCBnaVx1MDBlMSB0clx1MWVjYiBgaWRgIG5cdTFlYmZ1IGNoXHUwMGZhbmcgY1x1MDBmOW5nIGxvXHUxZWExaS48XC9saT5cclxuPGxpPkQuIFRodVx1MWVkOWMgdFx1MDBlZG5oIGBpZGAga2hcdTAwZjRuZyBjXHUwMGYzIHlcdTAwZWF1IGNcdTFlYTd1IHZcdTFlYzEgdFx1MDBlZG5oIGR1eSBuaFx1MWVhNXQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjE6IE5cdTFlYmZ1IGJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgcXV5IHRcdTFlYWZjIENTUyBgLmJ1dHRvbiB7IHBhZGRpbmc6IDEwcHg7IH1gIHZcdTAwZTAgbVx1MWVkOXQgcXV5IHRcdTFlYWZjIGAjc3VibWl0LWJ1dHRvbiB7IHBhZGRpbmc6IDIwcHg7IH1gLCB2XHUwMGUwIG1cdTFlZDl0IG5cdTAwZmF0IEhUTUwgY1x1MDBmMyBjXHUxZWEzIGhhaTogYDxidXR0b24gY2xhc3M9XHJcbjx1bD5cclxuPGxpPkEuIDEwcHguPFwvbGk+XHJcbjxsaT5CLiAxNXB4ICh0cnVuZyBiXHUwMGVjbmggY1x1MWVkOW5nKS48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gMjBweC48XC9zdHJvbmc+PFwvbGk+XHJcbjxsaT5ELiBLaFx1MDBmNG5nIGNcdTAwZjMgZ2lcdTAwZTEgdHJcdTFlY2Igblx1MDBlMG8gXHUwMTExXHUwMWIwXHUxZWUzYyBcdTAwZTFwIGRcdTFlZTVuZyBkbyB4dW5nIFx1MDExMVx1MWVkOXQuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjI6IFBoXHUwMGUxdCBiaVx1MWVjM3Ugblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgdlx1MWVjMSBiXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCAoQ2xhc3MgU2VsZWN0b3IpIGxcdTAwZTAgU0FJP1xyXG48dWw+XHJcbjxsaT5BLiBDXHUwMGYzIHRoXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBuaGlcdTFlYzF1IHBoXHUxZWE3biB0XHUxZWVkIEhUTUwuPFwvbGk+XHJcbjxsaT5CLiBDXHUwMGZhIHBoXHUwMGUxcCBraGFpIGJcdTAwZTFvIGJcdTFlYWZ0IFx1MDExMVx1MWVhN3UgYlx1MWViMW5nIGRcdTFlYTV1IGNoXHUxZWE1bSAoLikuPFwvbGk+XHJcbjxsaT5DLiBNXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBIVE1MIGNcdTAwZjMgdGhcdTFlYzMgY1x1MDBmMyBuaGlcdTFlYzF1IGxcdTFlZGJwLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBDXHUwMGZhIHBoXHUwMGUxcCBraGFpIGJcdTAwZTFvIHRyb25nIENTUyBiXHUxZWFmdCBcdTAxMTFcdTFlYTd1IGJcdTFlYjFuZyBkXHUxZWE1dSB0aFx1MDEwM25nICgjKS48XC9zdHJvbmc+PFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjM6IEJcdTFlYTFuIG11XHUxZWQxbiBcdTAxMTFcdTFlYjd0IG1cdTAwZTB1IG5cdTFlYzFuIHhcdTAwZTFtIG5oXHUxZWExdCBjaG8gcGhcdTFlYTduIGNoXHUwMGUybiB0cmFuZyAoYDxmb290ZXI+YCkgY1x1MWVlN2EgdHJhbmcgd2ViLCB2XHUwMGUwIFx1MDExMVx1MDBlMnkgbFx1MDBlMCBwaFx1MWVhN24gdFx1MWVlZCBkdXkgbmhcdTFlYTV0IGNcdTAwZjMgdmFpIHRyXHUwMGYyIG5cdTAwZTB5LiBMXHUxZWYxYSBjaFx1MWVjZG4gblx1MDBlMG8gc2F1IFx1MDExMVx1MDBlMnkgbFx1MDBlMCBjXHUwMGUxY2ggdGlcdTFlYmZwIGNcdTFlYWRuIHRcdTFlZDF0IG5oXHUxZWE1dCBcdTAxMTFcdTFlYzMgXHUwMTExXHUxZWNibmggZFx1MWVhMW5nIG5cdTAwZjM/XHJcbjx1bD5cclxuPGxpPkEuIFNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIGBmb290ZXIgeyBiYWNrZ3JvdW5kLWNvbG9yOiBsaWdodGdyYXk7IH1gLjxcL2xpPlxyXG48bGk+Qi4gR1x1MDBlMW4gbFx1MWVkYnAgYGNsYXNzPTxcL2xpPlxyXG48bGk+PHN0cm9uZz5DLiBHXHUwMGUxbiBJRCBgaWQ9PFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+RC4gU1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gdG9cdTAwZTBuIGNcdTFlZTVjIGAqIHsgYmFja2dyb3VuZC1jb2xvcjogbGlnaHRncmF5OyB9YC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNDogQlx1MWVhMW4gY1x1MDBmMyBtXHUxZWQ5dCBkYW5oIHNcdTAwZTFjaCBjXHUwMGUxYyBtXHUxZWU1YyAoYDxsaT5gKSB0cm9uZyBtXHUxZWQ5dCBtZW51IFx1MDExMWlcdTFlYzF1IGhcdTAxYjBcdTFlZGJuZyAoYDxuYXY+YCkuIEJcdTFlYTFuIG11XHUxZWQxbiBjXHUwMGUxYyBtXHUxZWU1YyBtZW51IG5cdTAwZTB5IGNcdTAwZjMgbVx1MDBlMHUgY2hcdTFlZWYga2hcdTAwZTFjIHZcdTFlZGJpIGNcdTAwZTFjIG1cdTFlZTVjIGRhbmggc1x1MDBlMWNoIHRoXHUwMGY0bmcgdGhcdTAxYjBcdTFlZGRuZyBcdTFlZGYgblx1MDFhMWkga2hcdTAwZTFjIHRyXHUwMGVhbiB0cmFuZy4gQlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgYlx1MWVkOSBjaFx1MWVjZG4gblx1MDBlMG8gXHUwMTExXHUxZWMzIG5oXHUxZWFmbSBtXHUxZWU1YyB0aVx1MDBlYXUgY1x1MDBlMWMgbVx1MWVlNWMgbWVudT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBjb24gY2hcdTAwZTF1ICh2XHUwMGVkIGRcdTFlZTU6IGBuYXYgbGkgeyAuLi4gfWApLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkIuIEdcdTAwZTFuIElEIGR1eSBuaFx1MWVhNXQgY2hvIG1cdTFlZDdpIG1cdTFlZTVjIGA8bGk+YC48XC9saT5cclxuPGxpPkMuIFNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIHRvXHUwMGUwbiBjXHUxZWU1YyBgKiB7IC4uLiB9YC48XC9saT5cclxuPGxpPkQuIENoXHUxZWM5IHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIGBsaSB7IC4uLiB9YC48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNTogWGVtIHhcdTAwZTl0IFx1MDExMW9cdTFlYTFuIG1cdTAwZTMgSFRNTDogYDxidXR0b24gY2xhc3M9XHJcbjx1bD5cclxuPGxpPkEuIENoXHUxZWM5IGNcdTAwZjMgY1x1MWVlMSBjaFx1MWVlZiAxNnB4LjxcL2xpPlxyXG48bGk+Qi4gQ2hcdTFlYzkgY1x1MDBmMyBtXHUwMGUwdSBjaFx1MWVlZiB0clx1MWVhZm5nIHZcdTAwZTAgblx1MWVjMW4geGFuaC48XC9saT5cclxuPGxpPkMuIEtoXHUwMGY0bmcgY1x1MDBmMyBraVx1MWVjM3UgZFx1MDBlMW5nIG5cdTAwZTBvIFx1MDExMVx1MDFiMFx1MWVlM2MgXHUwMGUxcCBkXHUxZWU1bmcgZG8gY1x1MDBmMyBuaGlcdTFlYzF1IGxcdTFlZGJwLjxcL2xpPlxyXG48bGk+PHN0cm9uZz5ELiBDXHUxZWUxIGNoXHUxZWVmIDE2cHgsIG1cdTAwZTB1IGNoXHUxZWVmIHRyXHUxZWFmbmcgdlx1MDBlMCBuXHUxZWMxbiB4YW5oLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuPGRpdiBjbGFzcz1cInF1ZXN0aW9uLWJsb2NrXCI+XHJcblxyXG5DXHUwMGUydSAyNjogVHJcdTAxYjBcdTFlZGRuZyBoXHUxZWUzcCBuXHUwMGUwbyBzYXUgXHUwMTExXHUwMGUyeSA8aT5raFx1MDBmNG5nPFwvaT4gcGhcdTAwZjkgaFx1MWVlM3AgXHUwMTExXHUxZWMzIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggKElEIFNlbGVjdG9yKT9cclxuPHVsPlxyXG48bGk+PHN0cm9uZz5BLiBcdTAxMTBcdTFlY2JuaCBkXHUxZWExbmcgY1x1MDBlMWMgbVx1MWVlNWMgdHJvbmcgZGFuaCBzXHUwMGUxY2ggc1x1MWVhM24gcGhcdTFlYTltIGNcdTAwZjMgY1x1MDBmOW5nIGtpXHUxZWMzdSBoaVx1MWVjM24gdGhcdTFlY2IuPFwvc3Ryb25nPjxcL2xpPlxyXG48bGk+Qi4gXHUwMTEwXHUxZWNibmggZFx1MWVhMW5nIHBoXHUxZWE3biB0XHUxZWVkIHRpXHUwMGVhdSBcdTAxMTFcdTFlYzEgY2hcdTAwZWRuaCBjXHUxZWU3YSB0cmFuZyB3ZWIgKHRoXHUwMWIwXHUxZWRkbmcgY2hcdTFlYzkgY1x1MDBmMyBtXHUxZWQ5dCkuPFwvbGk+XHJcbjxsaT5DLiBcdTAxMTBcdTFlY2JuaCBkXHUxZWExbmcgcGhcdTFlYTduIHRcdTFlZWQgY2hcdTFlZTlhIG5cdTFlZDlpIGR1bmcgY2hcdTAwZWRuaCBjXHUxZWU3YSB0cmFuZy48XC9saT5cclxuPGxpPkQuIFx1MDExMFx1MWVjYm5oIGRcdTFlYTFuZyBwaFx1MWVhN24gdFx1MWVlZCBjaFx1MDBlMm4gdHJhbmcgKGZvb3RlcikuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjc6IEtoaSBiXHUxZWExbiBtdVx1MWVkMW4gdFx1MWVhMW8gbVx1MWVkOXQga2lcdTFlYzN1IGRcdTAwZTFuZyAodlx1MDBlZCBkXHUxZWU1OiBtXHUwMGUwdSBuXHUxZWMxbiBcdTAxMTFcdTFlY2YpIGNobyBjXHUwMGUxYyBcdTAwZjQgbmhcdTFlYWRwIGxpXHUxZWM3dSAoYDxpbnB1dD5gKSBraGkgbmdcdTAxYjBcdTFlZGRpIGRcdTAwZjluZyBuaFx1MWVhZHAgZFx1MWVlZiBsaVx1MWVjN3Uga2hcdTAwZjRuZyBoXHUxZWUzcCBsXHUxZWM3LCB2XHUwMGUwIGJcdTFlYTFuIGNcdTAwZjMgdGhcdTFlYzMgY1x1MDBmMyBuaGlcdTFlYzF1IFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IG5oXHUwMWIwIHZcdTFlYWR5IHRyXHUwMGVhbiB0cmFuZywgYlx1MWVhMW4gblx1MDBlYW4gc1x1MWVlZCBkXHUxZWU1bmcgY1x1MDBlMWNoIG5cdTAwZTBvIFx1MDExMVx1MWVjMyBcdTAxMTFcdTFlY2JuaCBkXHUxZWExbmc/XHJcbjx1bD5cclxuPGxpPkEuIEdcdTAwZTFuIG1cdTFlZDl0IElEIGR1eSBuaFx1MWVhNXQgY2hvIG1cdTFlZDdpIFx1MDBmNCBuaFx1MWVhZHAgbGlcdTFlYzd1IGtoXHUwMGY0bmcgaFx1MWVlM3AgbFx1MWVjNyB2XHUwMGUwIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIElELjxcL2xpPlxyXG48bGk+PHN0cm9uZz5CLiBcdTAxMTBcdTFlY2JuaCBuZ2hcdTAxMjlhIG1cdTFlZDl0IGxcdTFlZGJwIENTUyAodlx1MDBlZCBkXHUxZWU1OiBgLmludmFsaWQtaW5wdXRgKSB2XHUwMGUwIFx1MDBlMXAgZFx1MWVlNW5nIGxcdTFlZGJwIFx1MDExMVx1MDBmMyBjaG8gY1x1MDBlMWMgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3Uga2hcdTAwZjRuZyBoXHUxZWUzcCBsXHUxZWM3LjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIHBoXHUxZWE3biB0XHUxZWVkIGBpbnB1dCB7IGJhY2tncm91bmQtY29sb3I6IHJlZDsgfWAuPFwvbGk+XHJcbjxsaT5ELiBWaVx1MWViZnQga2lcdTFlYzN1IGRcdTAwZTFuZyBuXHUxZWQ5aSB0dXlcdTFlYmZuIChpbmxpbmUgc3R5bGUpIGNobyB0XHUxZWVibmcgXHUwMGY0IG5oXHUxZWFkcCBsaVx1MWVjN3Uga2hcdTAwZjRuZyBoXHUxZWUzcCBsXHUxZWM3LjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDI4OiBYZW0geFx1MDBlOXQgXHUwMTExb1x1MWVhMW4gbVx1MDBlMyBDU1M6IGAuZ2FsbGVyeS1pdGVtIGltZyB7IGJvcmRlcjogMXB4IHNvbGlkICNjY2M7IH1gLiBRdXkgdFx1MWVhZmMgblx1MDBlMHkgbmhcdTFlYWZtIFx1MDExMVx1MWViZm4gY1x1MDBlMWMgcGhcdTFlYTduIHRcdTFlZWQgblx1MDBlMG8/XHJcbjx1bD5cclxuPGxpPkEuIFBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgbFx1MWVkYnAgYGdhbGxlcnktaXRlbWAgdlx1MDBlMCBwaFx1MWVhN24gdFx1MWVlZCBgaW1nYCBiXHUxZWE1dCBrXHUxZWYzLjxcL2xpPlxyXG48bGk+Qi4gUGhcdTFlYTduIHRcdTFlZWQgYGltZ2AgY1x1MDBmMyBsXHUxZWRicCBgZ2FsbGVyeS1pdGVtYC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qy4gVFx1MWVhNXQgY1x1MWVhMyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBgaW1nYCBuXHUxZWIxbSBiXHUwMGVhbiB0cm9uZyBtXHUxZWQ5dCBwaFx1MWVhN24gdFx1MWVlZCBjXHUwMGYzIGxcdTFlZGJwIGBnYWxsZXJ5LWl0ZW1gLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkQuIFBoXHUxZWE3biB0XHUxZWVkIGNcdTAwZjMgbFx1MWVkYnAgYGdhbGxlcnktaXRlbWAgblx1MWViMW0gYlx1MDBlYW4gdHJvbmcgbVx1MWVkOXQgcGhcdTFlYTduIHRcdTFlZWQgYGltZ2AuPFwvbGk+XHJcbjxcL3VsPlxyXG48XC9kaXY+XHJcbjxkaXYgY2xhc3M9XCJxdWVzdGlvbi1ibG9ja1wiPlxyXG5cclxuQ1x1MDBlMnUgMjk6IEJcdTFlYTFuIGNcdTAwZjMgbVx1MWVkOXQgcXV5IHRcdTFlYWZjIENTUyBgI3NpdGUtaGVhZGVyIHsgaGVpZ2h0OiAxMDBweDsgfWAuIFx1MDExMFx1MWVjMyBxdXkgdFx1MWVhZmMgblx1MDBlMHkgY1x1MDBmMyBoaVx1MWVjN3UgbFx1MWVmMWMsIHBoXHUxZWE3biB0XHUxZWVkIEhUTUwgdFx1MDFiMFx1MDFhMW5nIFx1MWVlOW5nIHBoXHUxZWEzaSBjXHUwMGYzIHRodVx1MWVkOWMgdFx1MDBlZG5oIG5cdTAwZTBvIHZcdTAwZTAgZ2lcdTAwZTEgdHJcdTFlY2IgY1x1MWVlN2Egblx1MDBmMyBsXHUwMGUwIGdcdTAwZWM/XHJcbjx1bD5cclxuPGxpPkEuIFRodVx1MWVkOWMgdFx1MDBlZG5oIGBjbGFzc2Agdlx1MWVkYmkgZ2lcdTAwZTEgdHJcdTFlY2IgYHNpdGUtaGVhZGVyYC48XC9saT5cclxuPGxpPjxzdHJvbmc+Qi4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggYGlkYCB2XHUxZWRiaSBnaVx1MDBlMSB0clx1MWVjYiBgc2l0ZS1oZWFkZXJgLjxcL3N0cm9uZz48XC9saT5cclxuPGxpPkMuIFRodVx1MWVkOWMgdFx1MDBlZG5oIGBuYW1lYCB2XHUxZWRiaSBnaVx1MDBlMSB0clx1MWVjYiBgc2l0ZS1oZWFkZXJgLjxcL2xpPlxyXG48bGk+RC4gVGh1XHUxZWQ5YyB0XHUwMGVkbmggYHN0eWxlYCB2XHUxZWRiaSBnaVx1MDBlMSB0clx1MWVjYiBgc2l0ZS1oZWFkZXJgLjxcL2xpPlxyXG48XC91bD5cclxuPFwvZGl2PlxyXG48ZGl2IGNsYXNzPVwicXVlc3Rpb24tYmxvY2tcIj5cclxuXHJcbkNcdTAwZTJ1IDMwOiBQaFx1MDBlMXQgYmlcdTFlYzN1IG5cdTAwZTBvIHNhdSBcdTAxMTFcdTAwZTJ5IHZcdTFlYzEgdmlcdTFlYzdjIHNcdTFlZWQgZFx1MWVlNW5nIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIHZcdTAwZTAgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCBsXHUwMGUwIFx1MDExMFx1MDBkYU5HP1xyXG48dWw+XHJcbjxsaT5BLiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCBjaFx1MWVjOSBjXHUwMGYzIHRoXHUxZWMzIFx1MDBlMXAgZFx1MWVlNW5nIGNobyBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBraFx1MWVkMWkgKGJsb2NrIGVsZW1lbnRzKS48XC9saT5cclxuPGxpPkIuIEJcdTFlZDkgY2hcdTFlY2RuIFx1MDExMVx1MWVjYm5oIGRhbmggY1x1MDBmMyB0aFx1MWVjMyBcdTAxMTFcdTAxYjBcdTFlZTNjIHNcdTFlZWQgZFx1MWVlNW5nIG5oaVx1MWVjMXUgbFx1MWVhN24gdHJcdTAwZWFuIGNcdTAwZjluZyBtXHUxZWQ5dCB0cmFuZyBuXHUxZWJmdSBjXHUwMGUxYyBwaFx1MWVhN24gdFx1MWVlZCBraFx1MDBlMWMgbG9cdTFlYTFpLjxcL2xpPlxyXG48bGk+Qy4gXHUwMTEwXHUxZWQ5IFx1MDFiMHUgdGlcdTAwZWFuIGNcdTFlZTdhIGJcdTFlZDkgY2hcdTFlY2RuIGxcdTFlZGJwIGx1XHUwMGY0biBjYW8gaFx1MDFhMW4gYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaC48XC9saT5cclxuPGxpPjxzdHJvbmc+RC4gQlx1MWVkOSBjaFx1MWVjZG4gbFx1MWVkYnAgdlx1MDBlMCBiXHUxZWQ5IGNoXHUxZWNkbiBcdTAxMTFcdTFlY2JuaCBkYW5oIGNcdTAwZjMgdGhcdTFlYzMgXHUwMTExXHUwMWIwXHUxZWUzYyBzXHUxZWVkIGRcdTFlZTVuZyBrXHUxZWJmdCBoXHUxZWUzcCB2XHUxZWRiaSBiXHUxZWQ5IGNoXHUxZWNkbiBwaFx1MWVhN24gdFx1MWVlZCBcdTAxMTFcdTFlYzMgbmhcdTFlYWZtIG1cdTFlZTVjIHRpXHUwMGVhdSBjXHUxZWU1IHRoXHUxZWMzIGhcdTAxYTFuLjxcL3N0cm9uZz48XC9saT5cclxuPFwvdWw+XHJcbjxcL2Rpdj5cclxuIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiIxMDc5Mjc5LDEwNzkyODAsMTA3OTI4MSwxMDc5MjgyLDEwNzkyODMsMTA3OTI4NCwxMDc5Mjg1LDEwNzkyODYsMTA3OTI4NywxMDc5Mjg4LDEwNzkyODksMTA3OTI5MCwxMDc5MjkxLDEwNzkyOTIsMTA3OTI5MywxMDc5Mjk0LDEwNzkyOTUsMTA3OTI5NiwxMDc5Mjk3LDEwNzkyOTgsMTA3OTI5OSwxMDc5MzAwLDEwNzkzMDEsMTA3OTMwMiwxMDc5MzAzLDEwNzkzMDQsMTA3OTMwNSwxMDc5MzA2LDEwNzkzMDcsMTA3OTMwOCIsIm9yZGVyaW5nIjoiMzYxNTQiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </script> <input type='hidden' name='quiz_id' value='36154'/> <input type='hidden' name='start_date' class='ays-start-date'/> <input type='hidden' name='ays_end_date' class='ays-quiz-end-date'/> <input type='hidden' name='ays_finish_quiz_nonce_36154' value='45d85a0ccb'/> </form></div> </div> </div></div> </div> </div> <div class='yarpp yarpp-related yarpp-related-website yarpp-template-list'> <!-- YARPP List --> <h3>Đề trắc nghiệm liên quan:</h3><ol> <li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-3-du-an-nho-tim-hieu-thong-tin-tuyen-sinh-va-huong-nghiep-ve-linh-vuc-dao-tao-may-tinh-va-cong-nghe-thong-tin-o-viet-nam-canh-dieu/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài 3: dự án nhỏ: tìm hiểu thông tin tuyển sinh và hướng nghiệp về lĩnh vực đào tạo “máy tính và Công nghệ thông tin” ở việt nam (Cánh Diều)">Đề Trắc nghiệm Tin học 12 – Bài 3: dự án nhỏ: tìm hiểu thông tin tuyển sinh và hướng nghiệp về lĩnh vực đào tạo “máy tính và Công nghệ thông tin” ở việt nam (Cánh Diều)</a></li> <li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-5-chen-hinh-anh-am-thanh-video-va-su-dung-khung-canh-dieu/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài 5: Chèn hình ảnh, âm thanh, video và sử dụng khung (Cánh Diều)">Đề Trắc nghiệm Tin học 12 – Bài 5: Chèn hình ảnh, âm thanh, video và sử dụng khung (Cánh Diều)</a></li> <li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-11-mo-hinh-hop-bo-cuc-trang-web-canh-dieu/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài 11: Mô hình hộp, bố cục trang web (Cánh Diều)">Đề Trắc nghiệm Tin học 12 – Bài 11: Mô hình hộp, bố cục trang web (Cánh Diều)</a></li> <li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-2-thuc-hanh-ve-mo-phong-canh-dieu/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài 2: Thực hành về mô phỏng (Cánh Diều)">Đề Trắc nghiệm Tin học 12 – Bài 2: Thực hành về mô phỏng (Cánh Diều)</a></li> <li><a href="https://tracnghiem.org/de-trac-nghiem-tin-hoc-12-bai-1-thuc-hanh-ket-noi-may-tinh-voi-ti-vi-thong-minh-canh-dieu/" rel="bookmark" title="Đề Trắc nghiệm Tin học 12 – Bài 1: Thực hành kết nối máy tính với ti vi thông minh (Cánh Diều)">Đề Trắc nghiệm Tin học 12 – Bài 1: Thực hành kết nối máy tính với ti vi thông minh (Cánh Diều)</a></li> </ol> </div> </div> <footer class="entry-meta" aria-label="Meta bài viết"> <span class="cat-links"><span class="gp-icon icon-categories"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path d="M0 112c0-26.51 21.49-48 48-48h110.014a48 48 0 0143.592 27.907l12.349 26.791A16 16 0 00228.486 128H464c26.51 0 48 21.49 48 48v224c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V112z" /></svg></span><span class="screen-reader-text">Danh mục </span><a href="https://tracnghiem.org/thpt/trac-nghiem-lop-12/trac-nghiem-mon-tin-hoc-12-canh-dieu/" rel="category tag">Trắc Nghiệm Môn Tin Học 12 - Cánh Diều</a></span> </footer> </div> </article> <div class="comments-area"> <div id="comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Viết một bình luận</h3><form action="https://tracnghiem.org/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-form-comment"><label for="comment" class="screen-reader-text">Bình luận</label><textarea id="comment" name="comment" cols="45" rows="8" required>Tên Email Trang web Tìm kiếm cho:
