Денисов Андрей #127
Денисов Андрей #127
Conversation
|
🍏 Пройден линтинг и базовые тесты |
| background-color: #6698ff; | ||
| } | ||
|
|
||
| aside |
There was a problem hiding this comment.
Можно объединить в один селектор с предыдущим
| border-top: 1px solid rgb(0, 0, 0); | ||
| } | ||
|
|
||
| article:nth-child(4), |
| @@ -12,7 +12,11 @@ <h1 class="global-heading"> </h1> | |||
|
|
|||
| <main class="global-results"> | |||
| <style> | |||
| /* your styles here */ | |||
| div:nth-of-type(2), | |||
There was a problem hiding this comment.
Прозрачные картинки от непрозрачных отличаются атрибутом alt, можно это использовать
| color: #ffb366; | ||
| } | ||
|
|
||
| [href^='https']:hover |
There was a problem hiding this comment.
не обязательно тут проверять на https, у псевдоссылок вообще нет атрибута href. Можно использовать например :not для них
| div:nth-of-type(1), | ||
| :nth-of-type(3), | ||
| :nth-of-type(7), | ||
| :nth-of-type(9) |
There was a problem hiding this comment.
Так работает, но можно было посмотреть внимательней на html ) Оранжевые и желтые квадраты отличаются там
| /* your styles here */ | ||
| div:nth-child(1) > div:nth-child(1), | ||
| div:nth-child(5) > div:nth-child(1), | ||
| div:nth-child(9) > div:nth-child(1) |
There was a problem hiding this comment.
Здесь тоже можно было посмотреть на html, и придумать более простой селектор: div:only-of-type
|
|
||
| #id1 | ||
| { | ||
| background-color: #ffb366 !important; |
There was a problem hiding this comment.
Зачем везде !important? Его нужно использовать только в крайнем случае, когда других способов нет. Здесь хватило бы одного important в нужном селекторе
| opacity: .5; | ||
| } | ||
|
|
||
| div:hover |
There was a problem hiding this comment.
Работает не совсем так. При наведении на один блок все остальные блоки должны становиться еще более прозрачными
Посмотреть решение