From a7d6ad523501bee03054f61d36fe2cfc80369a24 Mon Sep 17 00:00:00 2001
From: VolodinaO <n.vi.holmes@gmail.com>
Date: Sat, 23 Mar 2019 22:52:21 +0400
Subject: [PATCH] Completed 20 tasks

Edited styles, CSS.
---
 tasks/1.html  | 13 ++++++++++++-
 tasks/10.html |  7 ++++++-
 tasks/11.html | 22 +++++++++++++++++++++-
 tasks/12.html |  7 ++++++-
 tasks/13.html |  4 +++-
 tasks/14.html |  4 +++-
 tasks/15.html |  4 +++-
 tasks/16.html | 28 +++++++++++++++++++++++++++-
 tasks/17.html |  8 +++++++-
 tasks/18.html | 10 +++++++++-
 tasks/19.html | 20 +++++++++++++++++++-
 tasks/2.html  | 11 ++++++++++-
 tasks/20.html |  5 ++++-
 tasks/3.html  |  7 ++++++-
 tasks/4.html  |  4 +++-
 tasks/5.html  |  5 ++++-
 tasks/6.html  |  8 +++++++-
 tasks/7.html  |  4 +++-
 tasks/8.html  |  4 +++-
 tasks/9.html  | 21 ++++++++++++++++++++-
 20 files changed, 176 insertions(+), 20 deletions(-)

diff --git a/tasks/1.html b/tasks/1.html
index 62be4d7..52c559e 100755
--- a/tasks/1.html
+++ b/tasks/1.html
@@ -13,7 +13,18 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <section class="global-result">
                 <style>
-                    /* ваш код здесь... */
+                    div {
+                        background: #6698ff;
+                    }
+                    div.c1{
+                        background: #ff6698;
+                    }
+                    div#id{
+                        background: #98ff66;
+                    }
+                    aside{
+                        background: #6698ff;
+                    }
                 </style>
 
                 <article class="global-scope">
diff --git a/tasks/10.html b/tasks/10.html
index d4510fa..9de3daa 100755
--- a/tasks/10.html
+++ b/tasks/10.html
@@ -12,7 +12,12 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                .title::first-letter{
+                    color: #ff6698;
+                }
+                .description::first-line{
+                    color: #6698ff;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/11.html b/tasks/11.html
index 7cbdc68..b9d0191 100755
--- a/tasks/11.html
+++ b/tasks/11.html
@@ -12,7 +12,27 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                .global-scope > input:first-child{
+                    border: 3px solid #ff6698;
+                }
+                .global-scope > input:last-child{
+                    border: 3px solid #98ff66;
+                }
+                .global-scope > input:focus{
+                    border: 3px solid #6698ff;
+                }
+                /*Альтернативный вариант*/
+                /*
+                [value^="invalid"] {
+                    border: 3px solid #ff6698;
+                }
+                [value^="email"] {
+                    border: 3px solid #98ff66;
+                }
+                [value*="email"]:focus{
+                    border: 3px solid #6698ff;
+                }
+                */
             </style>
 
             <section class="global-result">
diff --git a/tasks/12.html b/tasks/12.html
index df47ce3..5c3d56e 100755
--- a/tasks/12.html
+++ b/tasks/12.html
@@ -12,7 +12,12 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                div{
+                    background: #ffb366;
+                }
+                div:empty{
+                    background: #ffff66;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/13.html b/tasks/13.html
index d9e3f6e..4e7d138 100755
--- a/tasks/13.html
+++ b/tasks/13.html
@@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                div:nth-of-type(4n+1) div{
+                    background: #ff6698;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/14.html b/tasks/14.html
index 980a2a5..869b4f3 100755
--- a/tasks/14.html
+++ b/tasks/14.html
@@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                li::before{
+                    content: '+ ';
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/15.html b/tasks/15.html
index 705eeee..94e48d4 100755
--- a/tasks/15.html
+++ b/tasks/15.html
@@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                [href$=".zip"]::after{
+                    content: ' \2193';
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/16.html b/tasks/16.html
index eb614cc..dca945d 100755
--- a/tasks/16.html
+++ b/tasks/16.html
@@ -12,7 +12,33 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                .global-scope div {
+                    background: #ff6698;
+                }
+                .global-scope .c1{
+                    background: #6698ff;
+                }
+                .global-scope #id1{
+                    background: #ffb366;
+                }
+                .c7{
+                    background: #ffff66!important;
+                }
+                /*Альтернативный вариант*/
+                /*
+                div {
+                    background: #ff6698!important;
+                }
+                .c1{
+                    background: #6698ff!important;
+                }
+                #id1{
+                    background: #ffb366!important;
+                }
+                .c7{
+                    background: #ffff66!important;
+                }
+                */
             </style>
 
             <section class="global-result">
diff --git a/tasks/17.html b/tasks/17.html
index c973a48..a817cf5 100755
--- a/tasks/17.html
+++ b/tasks/17.html
@@ -12,7 +12,13 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                input:checked ~ input {
+                    outline: 1px solid #ff6698;
+                }
+                /*Для отмены outline для 2-ого и т.д. checked (3 случай на картинке) */
+                input:checked  {
+                    outline: none!important;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/18.html b/tasks/18.html
index 2634da4..373651e 100755
--- a/tasks/18.html
+++ b/tasks/18.html
@@ -12,7 +12,15 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                div{
+                    opacity: 0.5;
+                }
+                .global-scope:hover > div{
+                    opacity: 0.2;
+                }
+                div:hover {
+                    opacity: 1!important;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/19.html b/tasks/19.html
index 3af53a6..5dbca55 100755
--- a/tasks/19.html
+++ b/tasks/19.html
@@ -12,7 +12,25 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                div {
+                    background: #ffb366;
+                }
+                /*Обнуляет оранжевый*/
+                div div{
+                    background: #ffffff;
+                }
+                div:first-child div:last-child{
+                    background: #98ff66;
+                }
+                div:nth-child(2) div:nth-child(2n){
+                    background: #ff6698;
+                }
+                div:nth-child(3) div:nth-child(2n+1){
+                    background: #6698ff;
+                }
+                div:last-child div:first-child{
+                    background: #ffff66;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/2.html b/tasks/2.html
index 27ecc28..508407d 100755
--- a/tasks/2.html
+++ b/tasks/2.html
@@ -12,7 +12,16 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                .c1{
+                    background: #ff6698;
+                    border: 2px solid #000;
+                }
+                .c2{
+                    background: #ffb366;
+                }
+                .c1.c2{
+                    background: #6698ff;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/20.html b/tasks/20.html
index 07a5869..36ba160 100755
--- a/tasks/20.html
+++ b/tasks/20.html
@@ -12,7 +12,10 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                /*Такая магия законна или требуется именно как-то по количеству рассчитывать?*/
+                div:nth-child(n+3) div{
+                    background: #ff6698;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/3.html b/tasks/3.html
index c652179..c1c8a74 100755
--- a/tasks/3.html
+++ b/tasks/3.html
@@ -12,7 +12,12 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                div:not(:empty){
+                    border: 2px solid #000;
+                }
+                div div{
+                    background: #6698ff;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/4.html b/tasks/4.html
index b367da7..0e177b8 100755
--- a/tasks/4.html
+++ b/tasks/4.html
@@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                article article:not(:first-of-type){
+                    border-top: 1px solid #000;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/5.html b/tasks/5.html
index 98f61c4..f6d85b0 100755
--- a/tasks/5.html
+++ b/tasks/5.html
@@ -12,7 +12,10 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                #checkbox:checked ~.tab{
+                    background: black;
+                    color: white;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/6.html b/tasks/6.html
index 059db07..0ebc489 100755
--- a/tasks/6.html
+++ b/tasks/6.html
@@ -12,7 +12,13 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                [href*="vk.ru"]{
+                    color: #6698ff;
+                }
+                [href*="yandex.ru"]{
+                    color: #ff6698;
+                }
+
             </style>
 
             <section class="global-result">
diff --git a/tasks/7.html b/tasks/7.html
index c3e1e50..3872447 100755
--- a/tasks/7.html
+++ b/tasks/7.html
@@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                div:nth-child(n+2):nth-child(-n+3) img{
+                    opacity: 0.3;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/8.html b/tasks/8.html
index cd21aa6..dad08c1 100755
--- a/tasks/8.html
+++ b/tasks/8.html
@@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                [target="_blank"] {
+                    color: #ff6698;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/9.html b/tasks/9.html
index 30ac7f8..3762f1b 100755
--- a/tasks/9.html
+++ b/tasks/9.html
@@ -12,7 +12,26 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* ваш код здесь... */
+                /*Чтобы не изменялись ссылки на следующее и предыдущее задание, добавила [href^="http"] */
+                [href^="http"] {
+                    color: #6698ff;
+                }
+                .link:hover{
+                    opacity: 0.5;
+                }
+                .link:active{
+                    opacity: 1;
+                }
+                [href^="http"]:hover{
+                    color: #ff6698;
+                    opacity: 1;
+                }
+                [href^="http"]:active{
+                    color: #98ff66;
+                }
+                [href^="http"]:visited{
+                    color: #ffb366;
+                }
             </style>
 
             <section class="global-result">