Đề 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)

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ử?

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?

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?

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?

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ì?

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?

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â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ì?

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 &gt; 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 &gt; 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> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1753266781" /> <a id="view_result_hub_27712" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_27712" style="display:none" data-id="30" data-quiz_id="27712"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_27712" maxlength="10" /> <input type="hidden" value="" id="kw-id_27712" /> <a id="submit_kw_hub_27712" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_27712" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_27712" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_27712"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_27712" id="kw_get_pass_27712" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_27712">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_27712" style="display:none"> <input type="hidden" value="27712" name="current_active_quiz_id" id="current_active_quiz_id_27712" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_27712'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='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+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIyNzcxMiIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwMSIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiI4MjY5NjMsODI2OTY0LDgyNjk2NSw4MjY5NjYsODI2OTY3LDgyNjk2OCw4MjY5NjksODI2OTcwLDgyNjk3MSw4MjY5NzIsODI2OTczLDgyNjk3NCw4MjY5NzUsODI2OTc2LDgyNjk3Nyw4MjY5NzgsODI2OTc5LDgyNjk4MCw4MjY5ODEsODI2OTgyLDgyNjk4Myw4MjY5ODQsODI2OTg1LDgyNjk4Niw4MjY5ODcsODI2OTg4LDgyNjk4OSw4MjY5OTAsODI2OTkxLDgyNjk5MiIsIm9yZGVyaW5nIjoiMjc3MTIiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </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='cd84c970f8'/> </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'></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> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1753266781" /> <a id="view_result_hub_28650" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_28650" style="display:none" data-id="30" data-quiz_id="28650"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_28650" maxlength="10" /> <input type="hidden" value="" id="kw-id_28650" /> <a id="submit_kw_hub_28650" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_28650" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_28650" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_28650"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_28650" id="kw_get_pass_28650" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_28650">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_28650" style="display:none"> <input type="hidden" value="28650" name="current_active_quiz_id" id="current_active_quiz_id_28650" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_28650'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='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+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIyODY1MCIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwMiIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiI4NTQ5OTYsODU0OTk3LDg1NDk5OCw4NTQ5OTksODU1MDAwLDg1NTAwMSw4NTUwMDIsODU1MDAzLDg1NTAwNCw4NTUwMDUsODU1MDA2LDg1NTAwNyw4NTUwMDgsODU1MDA5LDg1NTAxMCw4NTUwMTEsODU1MDEyLDg1NTAxMyw4NTUwMTQsODU1MDE1LDg1NTAxNiw4NTUwMTcsODU1MDE4LDg1NTAxOSw4NTUwMjAsODU1MDIxLDg1NTAyMiw4NTUwMjMsODU1MDI0LDg1NTAyNSIsIm9yZGVyaW5nIjoiMjg2NTAiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </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='cd84c970f8'/> </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'></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> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1753266781" /> <a id="view_result_hub_29588" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_29588" style="display:none" data-id="30" data-quiz_id="29588"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_29588" maxlength="10" /> <input type="hidden" value="" id="kw-id_29588" /> <a id="submit_kw_hub_29588" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_29588" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_29588" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_29588"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_29588" id="kw_get_pass_29588" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_29588">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_29588" style="display:none"> <input type="hidden" value="29588" name="current_active_quiz_id" id="current_active_quiz_id_29588" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_29588'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='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+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIyOTU4OCIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwMyIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiI4ODMwNjAsODgzMDYxLDg4MzA2Miw4ODMwNjMsODgzMDY0LDg4MzA2NSw4ODMwNjYsODgzMDY3LDg4MzA2OCw4ODMwNjksODgzMDcwLDg4MzA3MSw4ODMwNzIsODgzMDczLDg4MzA3NCw4ODMwNzUsODgzMDc2LDg4MzA3Nyw4ODMwNzgsODgzMDc5LDg4MzA4MCw4ODMwODEsODgzMDgyLDg4MzA4Myw4ODMwODQsODgzMDg1LDg4MzA4Niw4ODMwODcsODgzMDg4LDg4MzA4OSIsIm9yZGVyaW5nIjoiMjk1ODgiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </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='cd84c970f8'/> </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'></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> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1753266781" /> <a id="view_result_hub_30526" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_30526" style="display:none" data-id="30" data-quiz_id="30526"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_30526" maxlength="10" /> <input type="hidden" value="" id="kw-id_30526" /> <a id="submit_kw_hub_30526" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_30526" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_30526" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_30526"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_30526" id="kw_get_pass_30526" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_30526">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_30526" style="display:none"> <input type="hidden" value="30526" name="current_active_quiz_id" id="current_active_quiz_id_30526" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_30526'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='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+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMDUyNiIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwNCIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiI5MTExNDUsOTExMTQ2LDkxMTE0Nyw5MTExNDgsOTExMTQ5LDkxMTE1MCw5MTExNTEsOTExMTUyLDkxMTE1Myw5MTExNTQsOTExMTU1LDkxMTE1Niw5MTExNTcsOTExMTU4LDkxMTE1OSw5MTExNjAsOTExMTYxLDkxMTE2Miw5MTExNjMsOTExMTY0LDkxMTE2NSw5MTExNjYsOTExMTY3LDkxMTE2OCw5MTExNjksOTExMTcwLDkxMTE3MSw5MTExNzIsOTExMTczLDkxMTE3NCIsIm9yZGVyaW5nIjoiMzA1MjYiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </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='cd84c970f8'/> </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'></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> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1753266781" /> <a id="view_result_hub_31464" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_31464" style="display:none" data-id="30" data-quiz_id="31464"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_31464" maxlength="10" /> <input type="hidden" value="" id="kw-id_31464" /> <a id="submit_kw_hub_31464" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_31464" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_31464" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_31464"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_31464" id="kw_get_pass_31464" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_31464">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_31464" style="display:none"> <input type="hidden" value="31464" name="current_active_quiz_id" id="current_active_quiz_id_31464" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_31464'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='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+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMTQ2NCIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwNSIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiI5MzkxMTUsOTM5MTE2LDkzOTExNyw5MzkxMTgsOTM5MTE5LDkzOTEyMCw5MzkxMjEsOTM5MTIyLDkzOTEyMyw5MzkxMjQsOTM5MTI1LDkzOTEyNiw5MzkxMjcsOTM5MTI4LDkzOTEyOSw5MzkxMzAsOTM5MTMxLDkzOTEzMiw5MzkxMzMsOTM5MTM0LDkzOTEzNSw5MzkxMzYsOTM5MTM3LDkzOTEzOCw5MzkxMzksOTM5MTQwLDkzOTE0MSw5MzkxNDIsOTM5MTQzLDkzOTE0NCIsIm9yZGVyaW5nIjoiMzE0NjQiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </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='cd84c970f8'/> </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'></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> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1753266781" /> <a id="view_result_hub_32402" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_32402" style="display:none" data-id="30" data-quiz_id="32402"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_32402" maxlength="10" /> <input type="hidden" value="" id="kw-id_32402" /> <a id="submit_kw_hub_32402" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_32402" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_32402" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_32402"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_32402" id="kw_get_pass_32402" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_32402">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_32402" style="display:none"> <input type="hidden" value="32402" name="current_active_quiz_id" id="current_active_quiz_id_32402" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_32402'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='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+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMjQwMiIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwNiIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiI5NjcxMzAsOTY3MTMxLDk2NzEzMiw5NjcxMzMsOTY3MTM0LDk2NzEzNSw5NjcxMzYsOTY3MTM3LDk2NzEzOCw5NjcxMzksOTY3MTQwLDk2NzE0MSw5NjcxNDIsOTY3MTQzLDk2NzE0NCw5NjcxNDUsOTY3MTQ2LDk2NzE0Nyw5NjcxNDgsOTY3MTQ5LDk2NzE1MCw5NjcxNTEsOTY3MTUyLDk2NzE1Myw5NjcxNTQsOTY3MTU1LDk2NzE1Niw5NjcxNTcsOTY3MTU4LDk2NzE1OSIsIm9yZGVyaW5nIjoiMzI0MDIiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </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='cd84c970f8'/> </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'></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> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1753266781" /> <a id="view_result_hub_33340" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_33340" style="display:none" data-id="30" data-quiz_id="33340"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_33340" maxlength="10" /> <input type="hidden" value="" id="kw-id_33340" /> <a id="submit_kw_hub_33340" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_33340" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_33340" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_33340"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_33340" id="kw_get_pass_33340" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_33340">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_33340" style="display:none"> <input type="hidden" value="33340" name="current_active_quiz_id" id="current_active_quiz_id_33340" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_33340'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='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+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzMzM0MCIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwNyIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiI5OTUyNDksOTk1MjUwLDk5NTI1MSw5OTUyNTIsOTk1MjUzLDk5NTI1NCw5OTUyNTUsOTk1MjU2LDk5NTI1Nyw5OTUyNTgsOTk1MjU5LDk5NTI2MCw5OTUyNjEsOTk1MjYyLDk5NTI2Myw5OTUyNjQsOTk1MjY1LDk5NTI2Niw5OTUyNjcsOTk1MjY4LDk5NTI2OSw5OTUyNzAsOTk1MjcxLDk5NTI3Miw5OTUyNzMsOTk1Mjc0LDk5NTI3NSw5OTUyNzYsOTk1Mjc3LDk5NTI3OCIsIm9yZGVyaW5nIjoiMzMzNDAiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </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='cd84c970f8'/> </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'></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> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1753266781" /> <a id="view_result_hub_34278" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_34278" style="display:none" data-id="30" data-quiz_id="34278"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_34278" maxlength="10" /> <input type="hidden" value="" id="kw-id_34278" /> <a id="submit_kw_hub_34278" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_34278" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_34278" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_34278"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_34278" id="kw_get_pass_34278" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_34278">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_34278" style="display:none"> <input type="hidden" value="34278" name="current_active_quiz_id" id="current_active_quiz_id_34278" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_34278'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='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+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzNDI3OCIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwOCIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiIxMDIzMTk3LDEwMjMxOTgsMTAyMzE5OSwxMDIzMjAwLDEwMjMyMDEsMTAyMzIwMiwxMDIzMjAzLDEwMjMyMDQsMTAyMzIwNSwxMDIzMjA2LDEwMjMyMDcsMTAyMzIwOCwxMDIzMjA5LDEwMjMyMTAsMTAyMzIxMSwxMDIzMjEyLDEwMjMyMTMsMTAyMzIxNCwxMDIzMjE1LDEwMjMyMTYsMTAyMzIxNywxMDIzMjE4LDEwMjMyMTksMTAyMzIyMCwxMDIzMjIxLDEwMjMyMjIsMTAyMzIyMywxMDIzMjI0LDEwMjMyMjUsMTAyMzIyNiIsIm9yZGVyaW5nIjoiMzQyNzgiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </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='cd84c970f8'/> </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'></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: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1753266781" /> <a id="view_result_hub_35216" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_35216" style="display:none" data-id="30" data-quiz_id="35216"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_35216" maxlength="10" /> <input type="hidden" value="" id="kw-id_35216" /> <a id="submit_kw_hub_35216" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_35216" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_35216" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_35216"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_35216" id="kw_get_pass_35216" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_35216">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_35216" style="display:none"> <input type="hidden" value="35216" name="current_active_quiz_id" id="current_active_quiz_id_35216" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_35216'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='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+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzNTIxNiIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAwOSIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiIxMDUxMjQ2LDEwNTEyNDcsMTA1MTI0OCwxMDUxMjQ5LDEwNTEyNTAsMTA1MTI1MSwxMDUxMjUyLDEwNTEyNTMsMTA1MTI1NCwxMDUxMjU1LDEwNTEyNTYsMTA1MTI1NywxMDUxMjU4LDEwNTEyNTksMTA1MTI2MCwxMDUxMjYxLDEwNTEyNjIsMTA1MTI2MywxMDUxMjY0LDEwNTEyNjUsMTA1MTI2NiwxMDUxMjY3LDEwNTEyNjgsMTA1MTI2OSwxMDUxMjcwLDEwNTEyNzEsMTA1MTI3MiwxMDUxMjczLDEwNTEyNzQsMTA1MTI3NSIsIm9yZGVyaW5nIjoiMzUyMTYiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </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='cd84c970f8'/> </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'></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: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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 1: Bài thơ <q>Sơn Tinh – Thủy Tinh</q> của Nguyễn Nhược Pháp được sáng tác trong giai đoạn văn học 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-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> <style> .validate-quiz { display: flex; align-items: center; justify-content: center; } .validate-quiz a { border-radius: 30px; /* height: 40px; */ background: #5390f5; color: #fff; text-decoration: unset; padding: 10px 20px; } .validate-quiz input { margin: 0 !important; } .form-kw-hub { background: #fff; border: 1px solid #ddd; padding: 16px; border-radius: 12px; text-align:left; margin: 20px auto; box-shadow: 0 2px 10px rgba(0,0,0,0.05); font-family: Arial, sans-serif; } .keyword-hub-guide { margin-bottom: 15px; } .validate-quiz-inner { display: flex; gap: 10px; background: #fff; box-shadow: 0 0 10px #ccc; margin: 10px auto; width: 500px; border-radius: 30px; padding: 5px; justify-content: space-between; align-items:center; overflow:hidden; } .validate-quiz-inner input[type=text] { border: 0 !important; font-size: 16px !important; } .keyword-item span { font-weight: bold; font-size: 16px; } .copy-keyword-btn { color: #000; padding: 5px 5px 0; border-radius: 6px; text-decoration: none; transition: background 0.3s; text-transform: capitalize; font-weight: bold; font-size: 12px; position: fixed; margin-left: 5px; border: 1px solid #888; } .copy-keyword-btn:hover { background: #005f8d; } .validate-quiz { display: flex; gap: 10px; align-items: center; } .validate-quiz input[type="text"] { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; } a.get_new_mission { padding: 8px 25px; line-height: 0; border-radius: 30px; background-color: #fff0; text-transform: uppercase; color: #4285f4; border: 1px solid #4285f4; transition: all 0.2s; cursor: pointer; margin-left: 15px; font-size: 16px; text-decoration: unset; } .submit-btn { background: #28a745; color: white; padding: 8px 16px; border-radius: 6px; text-decoration: none; cursor: pointer; transition: background 0.3s; } .submit-btn:hover { background: #218838; } a.copy-keyword-btn:active, a.copy-keyword-btn:hover { color: #fff; } a#submit_kw_hub { cursor: pointer; } @keyframes ld-spin { 0% { animation-timing-function: cubic-bezier(0.5856,0.0703,0.4143,0.9297); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-spin { animation: ld-spin 1s infinite linear } @keyframes ld-cycle { 0% { animation-timing-function: cubic-bezier(0.3333,0.3333,0.6667,0.6667); transform: rotate(0) } 100% { transform: rotate(360deg) } } .ld.ld-cycle { animation: ld-cycle 1s infinite linear } @media(max-width: 991px){ .form-kw-hub p { margin: 0 !important; } } </style> <link data-minify="1" rel="stylesheet" type="text/css" href="https://tracnghiem.org/wp-content/cache/min/1/gh/loadingio/ldbutton@latest/dist/index.min.css?ver=1753266781" /> <a id="view_result_hub_36154" class="action-button ays-quiz-keyboard-active view_result_hub" href="javascript:;">Xem kết quả</a> <div class="form-kw-hub ld-over" id="form-kw-hub_36154" style="display:none" data-id="30" data-quiz_id="36154"> <div class="ld ld-ring ld-spin" style="font-size:3em;color:#999"></div> <div class="keyword-hub-title keyword-item"> <h3 style="text-align:center;font-weight:bold;color:#c12c31;margin-top:10px;">Bạn ơi!!! Để xem được kết quả<br>bạn vui lòng làm nhiệm vụ nhỏ xíu này nha</h3> </div> <div class="validate-quiz"> <div class="validate-quiz-inner"> <input type="text" value="" placeholder="Nhập mã vừa kiếm được vào đây" id="kw-hub-input_36154" maxlength="10" /> <input type="hidden" value="" id="kw-id_36154" /> <a id="submit_kw_hub_36154" class="submit_kw_hub">Nhận kết quả</a> </div> <div class="message" style="display: none; color: red; text-align: center;">Xảy ra lỗi</div> </div> <!--p> <strong style="color: #c12c31;">Bước 1: </strong>Mở tab mới, truy cập <a href="javascript:;" style="color: #1e73be;"><strong>Google.com</strong></a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/google.png" width="100px" style="margin-left: 30px; margin-bottom: -10px; display: inline-block;" alt="google" /> </p --> <p> <strong style="color: #c12c31;">Bước 1: </strong>Vào google.com rồi gõ từ khóa:</br> <strong id="keyword-content_36154" style="font-size: 24px; color: #fff; background: red; cursor: no-drop; -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> </strong> <a href="javascript:;" class="copy-keyword-btn"><span class="fa fa-copy"></span> Copy nhanh</a> <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem-gg.jpg" width="100%" alt="thanh-tim-kiem" /> </p> </br> <p> <strong style="color: #c12c31;">Bước 2: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống hình bên dưới </p> <!--p><img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/thanh-tim-kiem.jpg" width="100%" alt="thanh-tim-kiem" /></p> <p><strong style="color: #c12c31;">Bước 3: </strong>Trong kết quả tìm kiếm Google, hãy tìm website giống dưới hình:</p --> <p style="border: 1px solid red;"><div class="keyword-hub-guide"> <img decoding="async" id="kw_guide_image_36154" alt="" src="" /> </div> </p> <p>Nếu trang 1 không có hãy tìm ở trang 2, 3, 4... nhé <img decoding="async" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/trang-google.png" width="250px" style="display: inline-block;" alt="trang-google" /></p> </br> <div id="step_3_36154"> <p><strong style="color: #c12c31;">Bước 3:</strong> </p> Cuộn xuống cuối bài viết rồi bấm vào nút <strong>GIỐNG HÌNH DƯỚI</strong> và chờ 1 lát để lấy mã: </div> <p style="text-align: center;"> <img decoding="async" class="kw_get_pass_36154" id="kw_get_pass_36154" style="max-width: 300px; border: 1px dashed red; display: inline-block;" src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/images/luot-xem.jpg" alt="luot-xem" /> </p> </br> <p>Nếu tìm không thấy mã bạn có thể <a href="javascript:;" class="get_new_mission ld-ext-right" id="get_new_mission_36154">Đổi nhiệm vụ <span class="ld ld-ring ld-spin"></span> </a> để lấy mã khác. </p> </div> <input type="submit" name="ays_finish_quiz" class=" ays_next ays_finish action-button ays-quiz-keyboard-active" value="" id="btn_ays_finish_quiz_36154" style="display:none"> <input type="hidden" value="36154" name="current_active_quiz_id" id="current_active_quiz_id_36154" /> <script> // setTimeout(function() { // var submitButton = document.querySelector('#btn_ays_finish_quiz_36154'); // if (submitButton) { // submitButton.remove(); // } // }, 2400000); </script> <div class='wrong_answer_text ays_do_not_show' style='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+IiwibWFpbGNoaW1wX2xpc3QiOiIiLCJlbmFibGVfbWFpbGNoaW1wIjoib2ZmIiwiZW5hYmxlX2RvdWJsZV9vcHRfaW4iOiJvZmYiLCJhY3RpdmVfZGF0ZV9jaGVjayI6Im9mZiIsImFjdGl2ZUludGVydmFsIjoiMjAyNS0wMy0yOCAxNDo0NjowOCIsImRlYWN0aXZlSW50ZXJ2YWwiOiIyMDI1LTAzLTI4IDE0OjQ2OjA4IiwiYWN0aXZlX2RhdGVfbWVzc2FnZSI6IlRoZSBxdWl6IGhhcyBleHBpcmVkISIsImFjdGl2ZV9kYXRlX3ByZV9zdGFydF9tZXNzYWdlIjoiVGhlIHF1aXogd2lsbCBiZSBhdmFpbGFibGUgc29vbiEiLCJjaGVja2JveF9zY29yZV9ieSI6Im9uIiwiY2FsY3VsYXRlX3Njb3JlIjoiYnlfY29ycmVjdG5lc3MiLCJzZW5kX3Jlc3VsdHNfdXNlciI6Im9mZiIsInNlbmRfaW50ZXJ2YWxfbXNnIjoib2ZmIiwicXVlc3Rpb25fYmFua190eXBlIjoiZ2VuZXJhbCIsInF1ZXN0aW9uc19iYW5rX2NhdF9jb3VudCI6eyIzIjoiIn0sImVuYWJsZV90YWNrZXJzX2NvdW50Ijoib2ZmIiwidGFja2Vyc19jb3VudCI6IiIsInNlbmRfcmVzdWx0c19hZG1pbiI6Im9uIiwic2VuZF9pbnRlcnZhbF9tc2dfdG9fYWRtaW4iOiJvZmYiLCJzaG93X2ludGVydmFsX21lc3NhZ2UiOiJvbiIsImFsbG93X2NvbGxlY3RpbmdfbG9nZ2VkX2luX3VzZXJzX2RhdGEiOiJvZmYiLCJxdWl6X3Bhc3Nfc2NvcmUiOiIwIiwic2VuZF9jZXJ0aWZpY2F0ZV90b19hZG1pbiI6Im9mZiIsImNlcnRpZmljYXRlX2ltYWdlIjoiIiwiY2VydGlmaWNhdGVfZnJhbWUiOiJkZWZhdWx0IiwiY2VydGlmaWNhdGVfb3JpZW50YXRpb24iOiJsIiwibWFrZV9xdWVzdGlvbnNfcmVxdWlyZWQiOiJvZmYiLCJlbmFibGVfcGFzc3dvcmQiOiJvZmYiLCJwYXNzd29yZF9xdWl6IjoiIiwibWFpbF9tZXNzYWdlX2FkbWluIjoiIiwic2VuZF9tYWlsX3RvX3NpdGVfYWRtaW4iOiJvbiIsImdlbmVyYXRlX3Bhc3N3b3JkIjoiZ2VuZXJhbCIsImdlbmVyYXRlZF9wYXNzd29yZHMiOnsiY3JlYXRlZF9wYXNzd29yZHMiOltdLCJhY3RpdmVfcGFzc3dvcmRzIjpbXSwidXNlZF9wYXNzd29yZHMiOltdfSwiZGlzcGxheV9zY29yZV9ieSI6ImJ5X3BlcmNlbnRhZ2UiLCJzaG93X3NjaGVkdWxlX3RpbWVyIjoib2ZmIiwic2hvd190aW1lcl90eXBlIjoiY291bnRkb3duIiwicHJvZ3Jlc3NfbGl2ZV9iYXJfc3R5bGUiOiJkZWZhdWx0IiwiZW5hYmxlX2Z1bGxfc2NyZWVuX21vZGUiOiJvbiIsImVuYWJsZV9uYXZpZ2F0aW9uX2JhciI6Im9mZiIsImhpZGVfbGltaXRfYXR0ZW1wdHNfbm90aWNlIjoib2ZmIiwidHVybl9vbl9leHRyYV9zZWN1cml0eV9jaGVjayI6Im9uIiwiZW5hYmxlX3RvcF9rZXl3b3JkcyI6Im9mZiIsImFzc2lnbl9rZXl3b3JkcyI6W3siYXNzaWduX3RvcF9rZXl3b3JkIjoiQSIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn0seyJhc3NpZ25fdG9wX2tleXdvcmQiOiJCIiwiYXNzaWduX3RvcF9rZXl3b3JkX3RleHQiOiIifSx7ImFzc2lnbl90b3Bfa2V5d29yZCI6IkMiLCJhc3NpZ25fdG9wX2tleXdvcmRfdGV4dCI6IiJ9LHsiYXNzaWduX3RvcF9rZXl3b3JkIjoiRCIsImFzc2lnbl90b3Bfa2V5d29yZF90ZXh0IjoiIn1dLCJxdWl6X2VuYWJsZV9jb3Vwb24iOiJvZmYiLCJxdWl6X2NvdXBvbnNfYXJyYXkiOnsicXVpel9hY3RpdmVfY291cG9ucyI6W10sInF1aXpfaW5hY3RpdmVfY291cG9ucyI6W119LCJhcHBseV9wb2ludHNfdG9fa2V5d29yZHMiOiJvZmYiLCJsaW1pdF9hdHRlbXB0c19jb3VudF9ieV91c2VyX3JvbGUiOiIiLCJlbmFibGVfYXV0b3N0YXJ0Ijoib2ZmIiwicXVpel9lbmFibGVfa2V5Ym9hcmRfbmF2aWdhdGlvbiI6Im9uIiwicXVlc3Rpb25fY291bnRfcGVyX3BhZ2VfdHlwZSI6ImdlbmVyYWwiLCJxdWVzdGlvbl9jb3VudF9wZXJfcGFnZV9jdXN0b21fb3JkZXIiOiIiLCJxdWl6X3RpbWVyX3R5cGUiOiJxdWl6X3RpbWVyIiwiYXlzX2FsbG93X2V4cG9ydGluZ19xdWl6emVzIjoib2ZmIiwiYXlzX3VzZXJzX3RvX2V4cG9ydF9zZWFyY2giOltdLCJxdWl6X3Bhc3Nfc2NvcmVfdHlwZSI6InBvaW50IiwicXVpel9jZXJ0aWZpY2F0ZV9wYXNzX3Njb3JlX3R5cGUiOiJwZXJjZW50YWdlIiwicXVpel9lcXVhbF9rZXl3b3Jkc190ZXh0IjoiIiwiZW5hYmxlX25hdmlnYXRpb25fYmFyX21hcmtlZF9xdWVzdGlvbnMiOiJvZmYiLCJxdWl6X3F1ZXN0aW9uX3RleHRfdG9fc3BlZWNoIjoib2ZmIiwicXVpel9xdWVzdGlvbl90ZXh0X3RvX3NwZWVjaF92b2ljZSI6Ik1pY3Jvc29mdCBEYXZpZCAtIEVuZ2xpc2ggKFVuaXRlZCBTdGF0ZXMpIiwicXVpel9kaXNhYmxlX2lucHV0X2ZvY3VzaW5nIjoib2ZmIiwicXVpel9wYXNzd29yZF9pbXBvcnRfdHlwZSI6ImRlZmF1bHQiLCJxdWl6X25hdmlnYXRpb25fYmFyX3R5cGUiOiJkZWZhdWx0IiwicXVpel9zaG93X3F1ZXN0aW9uX3RhZ3MiOiJvbiIsInF1aXpfc2hvd19yZXN1bHRzX2Jhc2VkX3Bhc3Nfc2NvcmUiOiJvZmYiLCJxdWl6X3Nob3dfaW50ZXJ2YWxfbWVzc2FnZXNfZm9yX2VxdWFsX2tleXdvcmRzIjoib2ZmIiwicXVpel9oaWRlX2Jhbm5lcl9xdWVzdGlvbnNfb25fcmVzdWx0X3BhZ2UiOiJvZmYiLCJxdWl6X3NlbmRfcmVzdWx0c191c2VyX3dpdGhvdXRfaW1nIjoib2ZmIiwicXVpel9zZW5kX3Jlc3VsdHNfYWRtaW5fd2l0aG91dF9pbWciOiJvZmYiLCJwYXlwYWxfYW1vdW50IjpudWxsLCJwYXlwYWxfY3VycmVuY3kiOm51bGwsInBheXBhbF9tZXNzYWdlIjoiIiwiZW5hYmxlX3N0cmlwZSI6Im9mZiIsInN0cmlwZV9hbW91bnQiOiIiLCJzdHJpcGVfY3VycmVuY3kiOiIiLCJzdHJpcGVfbWVzc2FnZSI6IllvdSBuZWVkIHRvIHBheSB0byBwYXNzIHRoaXMgcXVpei4iLCJwYXltZW50X3R5cGUiOiJwcmVwYXkiLCJlbmFibGVfbW9uaXRvciI6Im9mZiIsIm1vbml0b3JfbGlzdCI6IiIsImFjdGl2ZV9jYW1wX2xpc3QiOiIiLCJlbmFibGVfc2xhY2siOiJvZmYiLCJzbGFja19jb252ZXJzYXRpb24iOiIiLCJhY3RpdmVfY2FtcF9hdXRvbWF0aW9uIjoiIiwiZW5hYmxlX2FjdGl2ZV9jYW1wIjoib2ZmIiwiZW5hYmxlX3phcGllciI6Im9mZiIsImVuYWJsZV9nb29nbGVfc2hlZXRzIjoib2ZmIiwic3ByZWFkc2hlZXRfaWQiOiIiLCJnb29nbGVfc2hlZXRfY3VzdG9tX2ZpZWxkcyI6W10sInF1aXpfY29uZGl0aW9uX3Nob3dfYWxsX3Jlc3VsdHMiOiJvZmYiLCJxdWl6X2NvbmRpdGlvbl9jYWxjdWxhdGlvbl90eXBlIjoiZGVmYXVsdCIsInF1aXpfYXR0cmlidXRlcyI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX2FjdGl2ZV9vcmRlciI6bnVsbCwicXVpel9hdHRyaWJ1dGVzX3Bhc3NpdmVfb3JkZXIiOlsiYXlzX2Zvcm1fbmFtZSIsImF5c19mb3JtX2VtYWlsIiwiYXlzX2Zvcm1fcGhvbmUiXSwicmVxdWlyZWRfZmllbGRzIjpudWxsLCJlbmFibGVfdGltZXIiOiJvbiIsInRpbWVyIjoyNzAwLCJlbmFibGVfcXVpel9yYXRlIjoib2ZmIiwiZW5hYmxlX3JhdGVfYXZnIjoib2ZmIiwiZW5hYmxlX2JveF9zaGFkb3ciOiJvZmYiLCJlbmFibGVfYm9yZGVyIjoib2ZmIiwicXVpel90aW1lcl9pbl90aXRsZSI6Im9uIiwiZW5hYmxlX3JhdGVfY29tbWVudHMiOiJvZmYiLCJlbmFibGVfcmVzdGFydF9idXR0b24iOiJvZmYiLCJhdXRvZmlsbF91c2VyX2RhdGEiOiJvZmYiLCJlbmFibGVfY29weV9wcm90ZWN0aW9uIjoib2ZmIiwiZW5hYmxlX3BheXBhbCI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzcyI6Im9mZiIsImF5c19lbmFibGVfcmVzdHJpY3Rpb25fcGFzc191c2VycyI6Im9mZiIsInVzZXJfbWFpbCI6Im9mZiIsImFkbWluX21haWwiOiJvZmYiLCJyZXN1bHRfdGV4dCI6bnVsbCwiZW5hYmxlX3Jlc3VsdCI6Im9mZiIsImVuYWJsZV9tYWRfbWltaSI6Im9mZiIsIm1hZF9taW1pX2xpc3QiOiIiLCJlbmFibGVfY29udmVydEtpdCI6Im9mZiIsImNvbnZlcnRLaXRfZm9ybV9pZCI6IiIsImVuYWJsZV9nZXRSZXNwb25zZSI6Im9mZiIsImdldFJlc3BvbnNlX2xpc3QiOiIiLCJlbmFibGVfcmVjYXB0Y2hhIjoib2ZmIiwiYXR0cmlidXRlcyI6W10sInN1Ym1pdF9yZWRpcmVjdF9hZnRlciI6IiIsInJ3X2Fuc3dlcnNfc291bmRzIjpmYWxzZSwiaWQiOiIzNjE1NCIsImF1dGhvcl9pZCI6IjAiLCJwb3N0X2lkIjpudWxsLCJ0aXRsZSI6IkJhXHUwMzAwaSBUXHUwMGUyXHUwMzIzcCBUclx1MWVhZmMgbmdoaVx1MWVjN20gVGluIGhcdTFlY2RjIDEyIC0gQ1x1MDBlMW5oIGRpXHUxZWMxdSAtIEJcdTAwZTBpIDEwOiBCXHUxZWQ5IGNoXHUxZWNkbiBsXHUxZWRicCwgYlx1MWVkOSBjaFx1MWVjZG4gXHUwMTExXHUxZWNibmggZGFuaCAtIFx1MDExMFx1MDBlYVx1MDMwMCAxMCIsImRlc2NyaXB0aW9uIjoiIiwicXVpel9pbWFnZSI6bnVsbCwicXVpel9jYXRlZ29yeV9pZCI6IjMyMTkiLCJxdWVzdGlvbl9pZHMiOiIxMDc5Mjc5LDEwNzkyODAsMTA3OTI4MSwxMDc5MjgyLDEwNzkyODMsMTA3OTI4NCwxMDc5Mjg1LDEwNzkyODYsMTA3OTI4NywxMDc5Mjg4LDEwNzkyODksMTA3OTI5MCwxMDc5MjkxLDEwNzkyOTIsMTA3OTI5MywxMDc5Mjk0LDEwNzkyOTUsMTA3OTI5NiwxMDc5Mjk3LDEwNzkyOTgsMTA3OTI5OSwxMDc5MzAwLDEwNzkzMDEsMTA3OTMwMiwxMDc5MzAzLDEwNzkzMDQsMTA3OTMwNSwxMDc5MzA2LDEwNzkzMDcsMTA3OTMwOCIsIm9yZGVyaW5nIjoiMzYxNTQiLCJwdWJsaXNoZWQiOiIxIiwiY3JlYXRlX2RhdGUiOm51bGwsInF1aXpfdXJsIjpudWxsLCJpbnRlcnZhbHMiOiJbe1wiaW50ZXJ2YWxfbWluXCI6XCIwXCIsXCJpbnRlcnZhbF9tYXhcIjpcIjI1XCIsXCJpbnRlcnZhbF90ZXh0XCI6XCJcIixcImludGVydmFsX2ltYWdlXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X3VybFwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF9kZWxheVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlXCI6XCJcIixcImludGVydmFsX2ZpbGVfaWRcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9uYW1lXCI6XCJcIixcImludGVydmFsX2dhbWlwcmVzc19wb2ludFwiOlwiXCIsXCJpbnRlcnZhbF93cHJvZHVjdFwiOlwiXCIsXCJpbnRlcnZhbF9rZXl3b3JkXCI6XCJBXCJ9LHtcImludGVydmFsX21pblwiOlwiMjZcIixcImludGVydmFsX21heFwiOlwiNTBcIixcImludGVydmFsX3RleHRcIjpcIlwiLFwiaW50ZXJ2YWxfaW1hZ2VcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfdXJsXCI6XCJcIixcImludGVydmFsX3JlZGlyZWN0X2RlbGF5XCI6XCJcIixcImludGVydmFsX2ZpbGVcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZV9pZFwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX25hbWVcIjpcIlwiLFwiaW50ZXJ2YWxfZ2FtaXByZXNzX3BvaW50XCI6XCJcIixcImludGVydmFsX3dwcm9kdWN0XCI6XCJcIixcImludGVydmFsX2tleXdvcmRcIjpcIkJcIn0se1wiaW50ZXJ2YWxfbWluXCI6XCI1MVwiLFwiaW50ZXJ2YWxfbWF4XCI6XCI3NVwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiQ1wifSx7XCJpbnRlcnZhbF9taW5cIjpcIjc2XCIsXCJpbnRlcnZhbF9tYXhcIjpcIjEwMFwiLFwiaW50ZXJ2YWxfdGV4dFwiOlwiXCIsXCJpbnRlcnZhbF9pbWFnZVwiOlwiXCIsXCJpbnRlcnZhbF9yZWRpcmVjdF91cmxcIjpcIlwiLFwiaW50ZXJ2YWxfcmVkaXJlY3RfZGVsYXlcIjpcIlwiLFwiaW50ZXJ2YWxfZmlsZVwiOlwiXCIsXCJpbnRlcnZhbF9maWxlX2lkXCI6XCJcIixcImludGVydmFsX2ZpbGVfbmFtZVwiOlwiXCIsXCJpbnRlcnZhbF9nYW1pcHJlc3NfcG9pbnRcIjpcIlwiLFwiaW50ZXJ2YWxfd3Byb2R1Y3RcIjpcIlwiLFwiaW50ZXJ2YWxfa2V5d29yZFwiOlwiRFwifV0iLCJpc191c2VyX2xvZ2dlZF9pbiI6ZmFsc2UsInF1aXpfYW5pbWF0aW9uX3RvcCI6MTAwLCJxdWl6X2VuYWJsZV9hbmltYXRpb25fdG9wIjoib24iLCJzdG9yZV9hbGxfbm90X2ZpbmlzaGVkX3Jlc3VsdHMiOmZhbHNlfQ=='; </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='cd84c970f8'/> </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-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> <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-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> </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> </main> </div> </div> </div> <div class="site-footer grid-container"> <div id="footer-widgets" class="site footer-widgets"> <div class="footer-widgets-container grid-container"> <div class="inside-footer-widgets"> <div class="footer-widget-1"> <aside id="block-14" class="widget inner-padding widget_block"> <h4 class="wp-block-heading"><strong>Brand</strong></h4> </aside><aside id="block-23" class="widget inner-padding widget_block widget_media_image"><div class="wp-block-image"> <figure class="aligncenter size-full is-resized"><img fetchpriority="high" decoding="async" width="500" height="500" src="http://tracnghiem.org/wp-content/uploads/2025/04/lam-trac-nghiem-logo.png" alt="" class="wp-image-486" style="width:156px;height:auto"/></figure></div></aside> </div> <div class="footer-widget-2"> <aside id="block-16" class="widget inner-padding widget_block"> <h4 class="wp-block-heading"><strong>Về chúng tôi</strong></h4> </aside><aside id="block-22" class="widget inner-padding widget_block widget_text"> <p><strong>Làm Trắc Nghiệm</strong> là nền tảng học tập trực tuyến miễn phí, chuyên cung cấp bài tập trắc nghiệm và ôn thi. Website được thiết kế để hỗ trợ bạn trong suốt quá trình học và ôn luyện, giúp bạn chuẩn bị tốt nhất cho các kỳ thi một cách hiệu quả và đơn giản.</p> </aside> </div> <div class="footer-widget-3"> <aside id="block-17" class="widget inner-padding widget_block"> <h4 class="wp-block-heading"><strong>Kết nối với chúng tôi</strong></h4> </aside><aside id="block-18" class="widget inner-padding widget_block"> <ul class="wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex"><li class="wp-social-link wp-social-link-facebook wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li> <li class="wp-social-link wp-social-link-x wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z" /></svg><span class="wp-block-social-link-label screen-reader-text">X</span></a></li> <li class="wp-social-link wp-social-link-bluesky wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M6.3,4.2c2.3,1.7,4.8,5.3,5.7,7.2.9-1.9,3.4-5.4,5.7-7.2,1.7-1.3,4.3-2.2,4.3.9s-.4,5.2-.6,5.9c-.7,2.6-3.3,3.2-5.6,2.8,4,.7,5.1,3,2.9,5.3-5,5.2-6.7-2.8-6.7-2.8,0,0-1.7,8-6.7,2.8-2.2-2.3-1.2-4.6,2.9-5.3-2.3.4-4.9-.3-5.6-2.8-.2-.7-.6-5.3-.6-5.9,0-3.1,2.7-2.1,4.3-.9h0Z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Bluesky</span></a></li> <li class="wp-social-link wp-social-link-youtube wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path></svg><span class="wp-block-social-link-label screen-reader-text">YouTube</span></a></li></ul> </aside> </div> <div class="footer-widget-4"> <aside id="block-25" class="widget inner-padding widget_block"> <h4 class="wp-block-heading"><strong>Tìm kiếm</strong></h4> </aside><aside id="block-26" class="widget inner-padding widget_block widget_search"><form role="search" method="get" action="https://tracnghiem.org/" class="wp-block-search__button-inside wp-block-search__icon-button aligncenter wp-block-search" ><label class="wp-block-search__label screen-reader-text" for="wp-block-search__input-1" >Tìm kiếm</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Tìm kiếm" class="wp-block-search__button has-icon wp-element-button" type="submit" ><svg class="search-icon" viewBox="0 0 24 24" width="24" height="24"> <path d="M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"></path> </svg></button></div></form></aside> </div> </div> </div> </div> <footer class="site-info" aria-label="Trang" itemtype="https://schema.org/WPFooter" itemscope> <div class="inside-site-info grid-container"> <div class="copyright-bar"> © 2025 Làm Trắc Nghiệm <br> <a href="https://tracnghiem.org/about-us/" target="_blank" rel="noopener nofollow">Giới thiệu</a> - <a href="https://tracnghiem.org/disclaimer/" target="_blank" rel="noopener nofollow">Miễn trừ trách nhiệm</a> - <a href="https://tracnghiem.org/policy/" target="_blank" rel="noopener nofollow">Chính sách bảo mật</a> - <a href="https://tracnghiem.org/policy/content/" target="_blank" rel="noopener nofollow">Chính sách nội dung</a> - <a href="https://tracnghiem.org/contact/" target="_blank" rel="noopener nofollow">Liên hệ</a> </div> </div> </footer> </div> <a title="Di chuyển lên đầu trang" aria-label="Di chuyển lên đầu trang" rel="nofollow" href="#" class="generate-back-to-top" data-scroll-speed="400" data-start-scroll="300" role="button"> <span class="gp-icon icon-arrow-up"><svg viewBox="0 0 330 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M305.863 314.916c0 2.266-1.133 4.815-2.832 6.514l-14.157 14.163c-1.699 1.7-3.964 2.832-6.513 2.832-2.265 0-4.813-1.133-6.512-2.832L164.572 224.276 53.295 335.593c-1.699 1.7-4.247 2.832-6.512 2.832-2.265 0-4.814-1.133-6.513-2.832L26.113 321.43c-1.699-1.7-2.831-4.248-2.831-6.514s1.132-4.816 2.831-6.515L158.06 176.408c1.699-1.7 4.247-2.833 6.512-2.833 2.265 0 4.814 1.133 6.513 2.833L303.03 308.4c1.7 1.7 2.832 4.249 2.832 6.515z" fill-rule="nonzero" /></svg></span> </a><script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/generatepress\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script> <div class="gp-modal gp-search-modal" id="gp-search"> <div class="gp-modal__overlay" tabindex="-1" data-gpmodal-close> <div class="gp-modal__container"> <form role="search" method="get" class="search-modal-form" action="https://tracnghiem.org/"> <label for="search-modal-input" class="screen-reader-text">Tìm kiếm cho:</label> <div class="search-modal-fields"> <input id="search-modal-input" type="search" class="search-field" placeholder="Tìm kiếm …" value="" name="s" /> <button aria-label="Tìm kiếm"><span class="gp-icon icon-search"><svg viewBox="0 0 512 512" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"><path fill-rule="evenodd" clip-rule="evenodd" d="M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z" /></svg></span></button> </div> </form> </div> </div> </div> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <link data-minify="1" rel='stylesheet' id='quiz-maker-font-awesome-css' href='https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/css/quiz-maker-font-awesome.min.css?ver=1753266781' media='all' /> <link rel='stylesheet' id='quiz-maker-sweetalert-css-css' href='https://tracnghiem.org/wp-content/plugins/quiz-maker/public/css/quiz-maker-sweetalert2.min.css?ver=21.8.1' media='all' /> <link data-minify="1" rel='stylesheet' id='quiz-maker-animate-css' href='https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/css/animate.css?ver=1753266781' media='all' /> <link data-minify="1" rel='stylesheet' id='quiz-maker-animations-css' href='https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/css/animations.css?ver=1753266781' media='all' /> <link data-minify="1" rel='stylesheet' id='quiz-maker-rating-css' href='https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/css/rating.min.css?ver=1753266781' media='all' /> <link rel='stylesheet' id='quiz-maker-select2-css' href='https://tracnghiem.org/wp-content/plugins/quiz-maker/public/css/quiz-maker-select2.min.css?ver=21.8.1' media='all' /> <link data-minify="1" rel='stylesheet' id='quiz-maker-loaders-css' href='https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/css/loaders.css?ver=1753266781' media='all' /> <link rel='stylesheet' id='quiz-maker-dataTable-min-css' href='https://tracnghiem.org/wp-content/plugins/quiz-maker/public/css/quiz-maker-dataTables.min.css?ver=21.8.1' media='all' /> <!--[if lte IE 11]> <script src="https://tracnghiem.org/wp-content/themes/generatepress/assets/js/classList.min.js?ver=3.5.1" id="generate-classlist-js"></script> <![endif]--> <script id="generate-menu-js-extra"> var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"M\u1edf Sub-menu","closeSubMenuLabel":"\u0110\u00f3ng Sub-menu"}; </script> <script src="https://tracnghiem.org/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.5.1" id="generate-menu-js"></script> <script data-minify="1" src="https://tracnghiem.org/wp-content/cache/min/1/wp-content/themes/generatepress/assets/dist/modal.js?ver=1753266783" id="generate-modal-js"></script> <script id="generate-back-to-top-js-extra"> var generatepressBackToTop = {"smooth":"1"}; </script> <script src="https://tracnghiem.org/wp-content/themes/generatepress/assets/js/back-to-top.min.js?ver=3.5.1" id="generate-back-to-top-js"></script> <script src="https://tracnghiem.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://tracnghiem.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script src="https://tracnghiem.org/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3" id="jquery-effects-core-js"></script> <script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-select2.min.js?ver=21.8.1" id="quiz-maker-select2js-js"></script> <script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-sweetalert2.all.min.js?ver=21.8.1" id="quiz-maker-sweetalert-js-js"></script> <script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/rating.min.js?ver=21.8.1" id="quiz-maker-rate-quiz-js"></script> <script id="quiz-maker-datatable-min-js-extra"> var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; var quizLangDataTableObj = {"sEmptyTable":"No data available in table","sInfo":"Showing _START_ to _END_ of _TOTAL_ entries","sInfoEmpty":"Showing 0 to 0 of 0 entries","sInfoFiltered":"(filtered from _MAX_ total entries)","sLengthMenu":"Show _MENU_ entries","sLoadingRecords":"Loading...","sProcessing":"Processing...","sSearch":"Search:","sZeroRecords":"No matching records found","sFirst":"First","sLast":"Last","sNext":"Next","sPrevious":"Previous","sSortAscending":": activate to sort column ascending","sSortDescending":": activate to sort column descending"}; </script> <script src="https://tracnghiem.org/wp-content/plugins/quiz-maker/public/js/quiz-maker-datatable.min.js?ver=21.8.1" id="quiz-maker-datatable-min-js"></script> <script data-minify="1" src="https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/js/quiz-maker-functions.js?ver=1753266783" id="quiz-maker-functions.js-js"></script> <script id="quiz-maker-ajax-public-js-extra"> var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quiz_maker_ajax_public = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","warningIcon":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public\/images\/warning.svg","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; </script> <script data-minify="1" src="https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/js/quiz-maker-public-ajax.js?ver=1753266783" id="quiz-maker-ajax-public-js"></script> <script id="quiz-maker-js-extra"> var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; var quizLangObj = {"notAnsweredText":"B\u1ea1n ch\u01b0a tr\u1ea3 l\u1eddi c\u00e2u h\u1ecfi n\u00e0y","areYouSure":"B\u1ea1n c\u00f3 mu\u1ed1n ho\u00e0n th\u00e0nh b\u00e0i ki\u1ec3m tra kh\u00f4ng? B\u1ea1n c\u00f3 ch\u1eafc ch\u1eafn kh\u00f4ng?","sorry":"Sorry","unableStoreData":"We are unable to store your data","connectionLost":"Connection is lost","checkConnection":"Please check your connection and try again","selectPlaceholder":"Ch\u1ecdn m\u1ed9t c\u00e2u tr\u1ea3 l\u1eddi","shareDialog":"Share Dialog","passwordIsWrong":"M\u1eadt kh\u1ea9u sai!","expiredMessage":"The quiz has expired!","day":"day","days":"days","hour":"hour","hours":"hours","minute":"minute","minutes":"minutes","second":"second","seconds":"seconds","alreadyPassedQuiz":"You already passed this quiz.","requiredError":"This is a required question","avg":"avg","votes":"votes","startButtonText":"L\u00e0m b\u00e0i","defaultStartButtonText":"Start","redirectAfter":"Redirecting after","loadResource":"Can't load resource.","somethingWentWrong":"Maybe something went wrong.","show":"Show","hide":"Hide","emptyReportMessage":"You cannot submit an empty report. Please add some details.","reportSentMessage":"Report has been submitted successfully","unansweredQuestion":"Unanswered question","AYS_QUIZ_PUBLIC_URL":"https:\/\/tracnghiem.org\/wp-content\/plugins\/quiz-maker\/public"}; </script> <script data-minify="1" src="https://tracnghiem.org/wp-content/cache/min/1/wp-content/plugins/quiz-maker/public/js/quiz-maker-public.js?ver=1753266783" id="quiz-maker-js"></script> <script> var keyword_hub_ajax_url = 'https://tracnghiem.org/wp-admin/admin-ajax.php'; var keyword_hub_nonce = 'ed194864a2'; (function($) { $(document).on("click", ".view_result_hub", function(){ let _this_current_id = $(this).closest("form").find("input[name='current_active_quiz_id']").val(); let _that = $(this); console.log(_this_current_id); if(!_this_current_id){ alert("Vui lòng F5 và thử lại #8001");return false; } //$(".form-kw-hub").show(); $.ajax({ url: keyword_hub_ajax_url, type: 'POST', data: { action: 'get_guide', nonce: keyword_hub_nonce }, beforeSend: function() { _that.html('Đang xử lý...'); }, success: function(response) { console.log(response); if(response.success){ $(`#kw_guide_image_${_this_current_id}`).attr("src", response.data.guidImage); $(`#kw_guide_image_${_this_current_id}`).attr("alt", response.data.keyword); if(response.data.getCodeImage){ $(`#kw_get_pass_${_this_current_id}`).attr("src", response.data.getCodeImage); $(`#kw_get_pass_${_this_current_id}`).attr("alt", response.data.keyword); } if(response.data.description){ $(`#step_3_${_this_current_id}`).html(`<p><strong style="color: #c12c31;">Bước 3:</strong> </p> ${response.data.description}`); } $(`#kw-id_${_this_current_id}`).val(response.data.keywordId); $(`#keyword-content_${_this_current_id}`).text(response.data.keyword); $(`#form-kw-hub_${_this_current_id}`).show(); _that.hide(); } else{ alert(response.data.message); } }, error: function(xhr, status, error) { console.log(error); } }); }); $(document).on("click", ".get_new_mission", function(){ let _that = $(this); let _this_current_id = $(this).closest("form").find("input[name='current_active_quiz_id']").val(); //console.log(keyword_hub_nonce); //$(".form-kw-hub").show(); $.ajax({ url: keyword_hub_ajax_url, type: 'POST', data: { action: 'get_guide', nonce: keyword_hub_nonce }, beforeSend: function() { _that.addClass("running"); $(`#form-kw-hub_${_this_current_id}`).addClass('running'); }, success: function(response) { console.log(response); if(response.success){ $(`#kw_guide_image_${_this_current_id}`).attr("src", response.data.guidImage); $(`#kw_guide_image_${_this_current_id}`).attr("alt", response.data.keyword); if(response.data.getCodeImage){ $(`#kw_get_pass_${_this_current_id}`).attr("src", response.data.getCodeImage); $(`#kw_get_pass_${_this_current_id}`).attr("alt", response.data.keyword); } if(response.data.description){ $(`#step_3_${_this_current_id}`).html(`<p><strong style="color: #c12c31;">Bước 3:</strong> </p> ${response.data.description}`); } $(`#kw-id_${_this_current_id}`).val(response.data.keywordId); $(`#keyword-content_${_this_current_id}`).text(response.data.keyword); $(`#form-kw-hub_${_this_current_id}`).show(); } else{ alert(response.data.message); } _that.removeClass("running"); $(`#form-kw-hub_${_this_current_id}`).removeClass('running'); }, error: function(xhr, status, error) { console.log(error); } }); }); $('.submit_kw_hub').on('click', function(e) { e.preventDefault(); let _this_current_id = $(this).closest("form").find("input[name='current_active_quiz_id']").val(); let custom_form = $(`#form-kw-hub_${_this_current_id}`); var inputValue = $(`#kw-hub-input_${_this_current_id}`).val(); var inputId = $(`#kw-id_${_this_current_id}`).val(); let _that = $(this); if( inputId == '') { alert("Có lỗi xảy ra. Vui lòng reload page!"); return; } if(inputValue === '') { alert("Vui lòng nhập mã!"); return; } $.ajax({ url: quiz_maker_ajax_public.ajax_url, type: 'POST', data: { action: 'validate_quiz', keyword: inputValue.trim(), keywordId: inputId.trim(), nonce: keyword_hub_nonce }, beforeSend: function() { _that.html('Đang xử lý...'); }, success: function(response) { _that.html('Xác nhận'); console.log(response); if(response.success){ //custom_form.append(''); console.log("validate ok"); $(`#btn_ays_finish_quiz_${_this_current_id}`).click(); } else{ alert("Sai mật khẩu. Vui lòng thử lại!"); } }, error: function(xhr, status, error) { _that.html('Xác nhận'); } }); }); $('.copy-keyword-btn').click(function () { let _this_current_id = $(this).closest("form").find("input[name='current_active_quiz_id']").val(); const keyword = $(`#keyword-content_${_this_current_id}`).text(); let _that = $(this); navigator.clipboard.writeText(keyword).then(() => { _that.html(`<span class="fa fa-check"></span> Copy từ khóa`); }); setTimeout( function(){ _that.html(`<span class="fa fa-copy"></span> Copy từ khóa`); }, 1500); }); $(document).on("click", ".start_button", function(){ let _this_current_id = $(this).closest("form").find("input[name='current_active_quiz_id']").val(); //console.log(_this_current_id, "start_button"); if(_this_current_id){ setTimeout(function() { var submitButton = document.querySelector(`#btn_ays_finish_quiz_${$_this_current_id}`); if (submitButton) { submitButton.remove(); } }, 2400000); } }); })(jQuery); </script> <script>var rocket_beacon_data = {"ajax_url":"https:\/\/tracnghiem.org\/wp-admin\/admin-ajax.php","nonce":"7cf161f4ee","url":"https:\/\/tracnghiem.org\/de-trac-nghiem-tin-hoc-12-bai-10-bo-chon-lop-bo-chon-dinh-danh-canh-dieu","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true,"lrc":true,"preconnect_external_domain":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span","lrc_threshold":1800,"preconnect_external_domain_elements":["link","script","iframe"],"preconnect_external_domain_exclusions":["static.cloudflareinsights.com","rel=\"profile\"","rel=\"preconnect\"","rel=\"dns-prefetch\"","rel=\"icon\""]}</script><script data-name="wpr-wpr-beacon" src='https://tracnghiem.org/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script></body> </html> <!-- This website is like a Rocket, isn't it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me -->