Бетте мынадай HTML, CSS және JavaScript бар:
<ul id="menu">
<li class="item">Басты</li>
<li class="item active">Курстар</li>
<li class="item">Байланыс</li>
</ul>
.item { color: gray; }
#menu .item.active { color: green; }
li:nth-child(odd) { color: blue; }
.item:first-child { color: orange; }
ul li:last-child { color: red; }
const items = document.querySelectorAll("#menu .item");
items[2].classList.add("active");
«Курстар» тармағының түсі қандай?
Дұрыс жауабы мен түсіндірмесі
Жауабы: green
Үміткерлер: .item (0,1,0) және #menu .item.active (1,2,0). Идентификатор ескерілгендіктен соңғысы жеңеді — green. Тақ емес (2-ші) тармақ, сондықтан blue қолданылмайды.
«Web-жобалау» тақырыбынан тағы
- JavaScript-те қай өрнектердің мәні true?
- Cookie атрибутын оның әрекетімен сәйкестендіріңіз.
- CSS туралы дұрыс тұжырымдарды таңдаңыз.
- JavaScript кодының консольдағы нәтижесі қандай? console.log(typeof (() =>), [1, 2, 3] + 1, +"", "b" + "a" + +"...
- HTTP әдісін оның сипаттамасымен сәйкестендіріңіз.
- CSS псевдо-класын немесе псевдо-элементін оның әрекетімен сәйкестендіріңіз.
- CSS селекторын оның мағынасымен сәйкестендіріңіз.
- Сценарий орындалғаннан кейін items.length және document.querySelectorAll(".active").length мәндері қандай?