14. CSS псевдоклассы — child, not. Состояния hover, focus и focus-visible, active, disabled, checked
Нюансы CSS. :first-child и :last-child.
У псевдо-класса :first-child есть один нюанс, про который в учебниках как-то не особо упоминают. А точнее, два нюанса. Первый: слово child вводит в заблуждение русскоязычных. Ни о каком ребёнке там речь не идёт. Речь идёт о братьях-сёстрах - тэгах, стоящих на одном уровне. Например, есть код: И нужно покрасить зелёным только единицу. Можно подумать, что раз div'ы с классом "element" - дети div'а с классом "block", - то команду :first-child надо применять к классу "block" - ".block :first-child...
Карусель изображений на JavaScript
Оставляем для вас ниже готовый код для создания простой карусели с изображениями. html <div class="wrapper flex-center-all"> <div class="img-container"> <img src="https://plus.unsplash.com/premium_photo-1684992858411-3e3ddf37c4c9?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=880&q=80" alt="jellyfish" class="visible" id="img-1"> <img src="https://images.unsplash.com/photo-1495012379376-194a416fcc5f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=725&q=80"...