From b91991313281598812bff2062b4581b730261689 Mon Sep 17 00:00:00 2001
From: NadyaNikishina <45035053+NadyaNikishina@users.noreply.github.com>
Date: Wed, 20 Mar 2019 02:27:23 +0400
Subject: [PATCH] homework2 Nikishina

---
 tasks/1.html  | 12 ++++++++++++
 tasks/10.html |  7 +++++++
 tasks/11.html | 11 +++++++++++
 tasks/12.html |  7 +++++++
 tasks/13.html |  3 +++
 tasks/14.html |  3 +++
 tasks/15.html |  3 +++
 tasks/16.html | 14 ++++++++++++++
 tasks/17.html |  3 +++
 tasks/18.html |  3 +++
 tasks/19.html | 23 +++++++++++++++++++++++
 tasks/2.html  | 13 +++++++++++++
 tasks/20.html | 16 ++++++++++++++++
 tasks/3.html  |  6 ++++++
 tasks/4.html  |  3 +++
 tasks/5.html  |  5 +++++
 tasks/6.html  |  4 ++++
 tasks/7.html  |  4 ++++
 tasks/8.html  |  3 +++
 tasks/9.html  | 16 ++++++++++++++++
 20 files changed, 159 insertions(+)

diff --git a/tasks/1.html b/tasks/1.html
index 62be4d7..5290758 100755
--- a/tasks/1.html
+++ b/tasks/1.html
@@ -14,6 +14,18 @@ <h1 class="global-heading">&nbsp;</h1>
             <section class="global-result">
                 <style>
                     /* ваш код здесь... */
+                    div,
+                    aside {
+                        background: #6698ff;
+                    }
+                    
+                    .c1 {
+                        background: #ff6698;
+                    }
+                    
+                    #id {
+                       background:  #98ff66;
+                    }
                 </style>
 
                 <article class="global-scope">
diff --git a/tasks/10.html b/tasks/10.html
index d4510fa..f9d0117 100755
--- a/tasks/10.html
+++ b/tasks/10.html
@@ -13,6 +13,13 @@ <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..a9d968b 100755
--- a/tasks/11.html
+++ b/tasks/11.html
@@ -13,6 +13,17 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                input:first-child {
+                    border: 3px solid #ff6698;
+                }
+                
+                input:last-child {
+                    border: 3px solid #98ff66;
+                }
+                
+                input:focus {
+                    border-color: #6698ff;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/12.html b/tasks/12.html
index df47ce3..fa8e5b6 100755
--- a/tasks/12.html
+++ b/tasks/12.html
@@ -13,6 +13,13 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                div {
+                    background: #ffff66;
+                }
+                
+                div:nth-child(2n+1):not(:nth-child(5)) {
+                    background: #ffb366;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/13.html b/tasks/13.html
index d9e3f6e..fa9af7d 100755
--- a/tasks/13.html
+++ b/tasks/13.html
@@ -13,6 +13,9 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                div:only-of-type {
+                    background: #ff6698;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/14.html b/tasks/14.html
index 980a2a5..a717373 100755
--- a/tasks/14.html
+++ b/tasks/14.html
@@ -13,6 +13,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..5675d25 100755
--- a/tasks/15.html
+++ b/tasks/15.html
@@ -13,6 +13,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..79badf0 100755
--- a/tasks/16.html
+++ b/tasks/16.html
@@ -13,6 +13,20 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                div:first-child {
+                   background: #ff6698; 
+                }
+                div.c1 {
+                    background: #6698ff;
+                }
+                
+                div#id1 {
+                    background: #ffb366;
+                }
+                
+                div.c7 {
+                    background: #ffff66 !important;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/17.html b/tasks/17.html
index c973a48..226bc2c 100755
--- a/tasks/17.html
+++ b/tasks/17.html
@@ -13,6 +13,9 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                input:checked ~ input:not(:checked) {
+                    outline: 1px solid #ff6698;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/18.html b/tasks/18.html
index 2634da4..1cf9dc2 100755
--- a/tasks/18.html
+++ b/tasks/18.html
@@ -13,6 +13,9 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                div:not(:hover) {
+                    opacity: 0.5;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/19.html b/tasks/19.html
index 3af53a6..8d4e3ad 100755
--- a/tasks/19.html
+++ b/tasks/19.html
@@ -13,6 +13,29 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                article > div {
+                    background: #ffb366;
+                }
+                
+                div > div {
+                    background: white;
+                }
+                
+                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..62227dc 100755
--- a/tasks/2.html
+++ b/tasks/2.html
@@ -13,6 +13,19 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                .c1 {
+                   border: 2px solid #000; 
+                   background: #ff6698;
+                }
+                    
+                .c2 {
+                    background: #ffb366;
+                }
+                
+                div:first-child {
+                    background: #6698ff;
+                }
+                            
             </style>
 
             <section class="global-result">
diff --git a/tasks/20.html b/tasks/20.html
index 07a5869..63cc455 100755
--- a/tasks/20.html
+++ b/tasks/20.html
@@ -13,6 +13,22 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                
+                .red-gt2 div:nth-child(n+3),
+                .red-gt2 div:nth-last-child(n+3),
+                .red-gt2 div:not(:first-child):not(:last-child) {
+                    background: #ff6698;
+                }
+                                
+                
+                /* Второй вариант
+                .red-gt2 div:nth-last-child(n+3),
+                .red-gt2 div:nth-last-child(n+3)~div {
+                    background: #ff6698; 
+                }
+                */
+                
+                
             </style>
 
             <section class="global-result">
diff --git a/tasks/3.html b/tasks/3.html
index c652179..dc58369 100755
--- a/tasks/3.html
+++ b/tasks/3.html
@@ -13,6 +13,12 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                article > div {
+                   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..20677b9 100755
--- a/tasks/4.html
+++ b/tasks/4.html
@@ -13,6 +13,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..11cd6a5 100755
--- a/tasks/5.html
+++ b/tasks/5.html
@@ -13,6 +13,11 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                input:checked ~ .tab {
+                    background: black;
+                    color: white;
+                }
+                
             </style>
 
             <section class="global-result">
diff --git a/tasks/6.html b/tasks/6.html
index 059db07..46b26a9 100755
--- a/tasks/6.html
+++ b/tasks/6.html
@@ -13,6 +13,10 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                
+                [href*="yandex"] {
+                    color: #ff6698;
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/7.html b/tasks/7.html
index c3e1e50..4690cc4 100755
--- a/tasks/7.html
+++ b/tasks/7.html
@@ -13,6 +13,10 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                div:not(:first-child):not(:last-child) {
+                    opacity: 0.3;
+                }
+                
             </style>
 
             <section class="global-result">
diff --git a/tasks/8.html b/tasks/8.html
index cd21aa6..a3ad7d6 100755
--- a/tasks/8.html
+++ b/tasks/8.html
@@ -13,6 +13,9 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                a[target="_blank"] {
+                   color: #ff6698; 
+                }
             </style>
 
             <section class="global-result">
diff --git a/tasks/9.html b/tasks/9.html
index 30ac7f8..5ce4457 100755
--- a/tasks/9.html
+++ b/tasks/9.html
@@ -13,6 +13,22 @@ <h1 class="global-heading">&nbsp;</h1>
         <main class="global-results">
             <style>
                 /* ваш код здесь... */
+                article a[href]:hover {
+                   color: #ff6698; 
+                }
+                
+                article a[href]:active {
+                   color: #98ff66; 
+                }
+                
+                article a[href]:visited {
+                   color: #ffb366; 
+                }
+                
+                a:not([href]):hover {
+                    opacity: 0.5;
+                }
+                
             </style>
 
             <section class="global-result">