Бетте мынадай 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");
JavaScript-тен бұрын (CSS ғана қолданылғанда) «Басты» тармағының түсі қандай?
Дұрыс жауабы мен түсіндірмесі
Жауабы: orange
Үміткер ережелер: .item (0,1,0), li:nth-child(odd) (0,1,1), .item:first-child (0,2,0). Ең жоғары ерекшелік (0,2,0) — orange.
«Web-жобалау» тақырыбынан тағы
- Сценарий орындалғаннан кейін items.length және document.querySelectorAll(".active").length мәндері қандай?
- JavaScript кодының нәтижесі қандай? const u = new URL("https://u:[email protected]:8443/a/b.html?x=1&y=2#top"); console...
- «Курстар» тармағының түсі қандай?
- JavaScript-те қай өрнектердің мәні true?
- #nav .item a селекторының ерекшелігінен (specificity) жоғары ерекшелігі бар селекторларды таңдаңыз.
- CSS селекторын оның мағынасымен сәйкестендіріңіз.
- HTTP әдісін оның сипаттамасымен сәйкестендіріңіз.
- CSS туралы дұрыс тұжырымдарды таңдаңыз.