Стольников Константин #101
Conversation
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
|
🍅 Не пройден линтинг или базовые тесты |
some changes with whortin words
|
🍏 Пройден линтинг и базовые тесты |
There was a problem hiding this comment.
🍅
Привет! Давай будем следить за тем, чтобы инструкция !important использовалась только в крайних случаях 😅
В 20-ом задании попробуй подумать на тему псевдокласса :nth-last-child
|
|
||
| input:focus | ||
| { | ||
| border: 3px solid #6698ff; |
There was a problem hiding this comment.
В двух селекторах с псевдоклассами полностью переопределяется правило, задающее стили для границы в селекторе тега input, хотя разница только в цвете этой границы. Можно в селекторах с псевдоклассами :first-child и :focus переназначать только border-color
| background-color: #ff6; | ||
| } | ||
|
|
||
| div:nth-child(4n-1) |
There was a problem hiding this comment.
Попробуй использовать псевдокласс :empty
|
|
||
| div:first-child | ||
| { | ||
| background-color: #ffb366; |
| @@ -12,7 +12,10 @@ <h1 class="global-heading"> </h1> | |||
|
|
|||
| <main class="global-results"> | |||
| <style> | |||
| /* your styles here */ | |||
| div:nth-child(4n + 1) > div:first-child | |||
There was a problem hiding this comment.
Обрати внимание на псевдокласс only-of-type
|
|
||
| ul | ||
| { | ||
| list-style-type: square !important; |
There was a problem hiding this comment.
Получится ли не прибегать к !important здесь? Подсказка: можно стилизовать псевдоэлементы, например, before
| @@ -12,7 +12,11 @@ <h1 class="global-heading"> </h1> | |||
|
|
|||
| <main class="global-results"> | |||
| <style> | |||
| /* your styles here */ | |||
| input#checkbox:checked ~ div | |||
There was a problem hiding this comment.
Зачем столько селекторов? Не достаточно ли указать только идентификатор или только тег?
|
|
||
| article > div:last-child | ||
| { | ||
| opacity: 1; |
There was a problem hiding this comment.
Здесь можно просты выбрать все картинки, у которых нет атрибута alt
| @@ -12,7 +12,15 @@ <h1 class="global-heading"> </h1> | |||
|
|
|||
| <main class="global-results"> | |||
| <style> | |||
| /* your styles here */ | |||
| [href*='//'] | |||
There was a problem hiding this comment.
Выбери все абсолютные урлы, в которых не содержится my-site.ru
| color: #ff6698; | ||
| } | ||
|
|
||
| [href*='my-site.ru'] |
There was a problem hiding this comment.
Для my-site давай не будем переназначать стили
| /* your styles here */ | ||
| [href]:visited | ||
| { | ||
| color: #ffb366 !important; |
There was a problem hiding this comment.
Давай здесь везде тоже без !important)
Повысить специфичность можно, указав в селекторе помимо атрибута ещё и класс
Первый коммит, первые тесты
Посмотреть решение