Зориков Кирилл

tasks/1.html

@@ -12,7 +12,25 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                article div:first-child
+                {
+                    background: #68a7db;
+                }
+
+                .c1
+                {
+                    background: #fb68c0;
+                }
+
+                #id
+                {
+                    background: #85f68f;
+                }
+
+                aside
+                {
+                    background: #68a7db;
+                }
             </style>
 
             <section class="global-result">

tasks/10.html

@@ -12,7 +12,15 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                .title:first-letter
+                {
+                    color: #f85a81;
+                }
+
+                .description:first-line
+                {
+                    color: #93bff8;
+                }
             </style>
 
             <section class="global-result">

tasks/11.html

@@ -12,7 +12,20 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                .global-scope input:invalid
+                {
+                    border: 3px solid #fb77b6;
+                }
+
+                .global-scope input:valid
+                {
+                    border: 3px solid #54e892;
+                }
+
+                .global-scope input:focus
+                {
+                    border: 3px solid blue;
+                }
             </style>
 
             <section class="global-result">

tasks/12.html

@@ -12,7 +12,18 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                .global-scope div
+                {
+                    background: yellow;
+                }
+
+                article div:first-child,
+                article div:nth-child(3),
+                article div:nth-child(7),
+                article div:last-child
+                {
+                    background: orange;
+                }
             </style>
 
             <section class="global-result">

tasks/13.html

@@ -12,7 +12,12 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                .global-scope div:first-child div,
+                .global-scope div:last-child div,
+                .global-scope div:nth-child(5) div
+                {
+                    background: #f7549e;
+                }
             </style>
 
             <section class="global-result">

tasks/14.html

@@ -12,7 +12,15 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                li
+                {
+                    list-style-type: none;
+                }
+
+                li:before
+                {
+                    content: '+ ';
+                }
             </style>
 
             <section class="global-result">

tasks/15.html

@@ -12,7 +12,10 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                a[href$='.zip']:after
+                {
+                    content: ' ↓';
+                }
             </style>
 
             <section class="global-result">

tasks/16.html

@@ -12,7 +12,25 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                .global-scope div:first-child
+                {
+                    background: #f7549e;
+                }
+
+                .c1
+                {
+                    background: #71c1fd !important;
+                }
+
+                #id1
+                {
+                    background: orange;
+                }
+
+                .c7
+                {
+                    background: yellow !important;
+                }
             </style>
 
             <section class="global-result">

tasks/17.html

@@ -12,7 +12,10 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                input[type='checkbox']:checked ~ input
+                {
+                    outline: 1px solid #ff6698;
+                }
             </style>
 
             <section class="global-result">

tasks/18.html

@@ -12,7 +12,15 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                .global-scope div
+                {
+                    opacity: .3;
+                }
+
+                .global-scope div:hover
+                {
+                    opacity: .66;
+                }
             </style>
 
             <section class="global-result">

tasks/19.html

@@ -12,7 +12,35 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                .global-scope div
+                {
+                    background: white;
+                }
+
+                .global-scope > div
+                {
+                    background: orange;
+                }
+
+                .global-scope div:first-child div:last-child
+                {
+                    background: #7df83b;
+                }
+
+                .global-scope div:last-child div:first-child
+                {
+                    background: yellow;
+                }
+
+                .global-scope div:nth-child(2) div:nth-child(2n)
+                {
+                    background: #f858ad;
+                }
+
+                .global-scope div:nth-child(3) div:nth-child(2n+1)
+                {
+                    background: #74adf8;
+                }
             </style>
 
             <section class="global-result">

tasks/2.html

@@ -12,7 +12,22 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                div.c1.c2
+                {
+                    background: #68a7db;
+                    border: 2px solid #000;
+                }
+
+                .c1
+                {
+                    background: #fa71ba;
+                    border: 2px solid #000;
+                }
+
+                .c2
+                {
+                    background: #eeb87e;
+                }
             </style>
 
             <section class="global-result">

tasks/20.html

@@ -12,7 +12,10 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                .red-gt2:nth-child(n+3) div
+                {
+                    background: #f858ad;
+                }
             </style>
 
             <section class="global-result">

tasks/3.html

@@ -12,7 +12,15 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                article div div
+                {
+                    background: #53bcf9;
+                }
+
+                article > div
+                {
+                    border: 2px solid #000;
+                }
             </style>
 
             <section class="global-result">

tasks/4.html

@@ -12,7 +12,15 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                .global-scope article:nth-child(2n)
+                {
+                    background: yellow;
+                }
+
+                .global-scope article
+                {
+                    border-top: 1px solid #000;
+                }
             </style>
 
             <section class="global-result">

tasks/5.html

@@ -12,7 +12,11 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                input[type='checkbox']:checked + br + div
+                {
+                    color: white;
+                    background: black;
+                }
             </style>
 
             <section class="global-result">

tasks/6.html

@@ -12,7 +12,15 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                article a
+                {
+                    color: #fb77b6;
+                }
+
+                article a:first-child
+                {
+                    color: blue;
+                }
             </style>
 
             <section class="global-result">

tasks/7.html

@@ -12,7 +12,15 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                .global-scope img
+                {
+                    opacity: .3;
+                }
+
+                .global-scope img[alt^='css']
+                {
+                    opacity: 1;
+                }
             </style>
 
             <section class="global-result">

tasks/8.html

@@ -12,7 +12,10 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                a[target='_blank']
+                {
+                    color: #fb77b6;
+                }
             </style>
 
             <section class="global-result">

tasks/9.html

@@ -12,7 +12,35 @@ <h1 class="global-heading">&nbsp;</h1>
 
         <main class="global-results">
             <style>
-                /* your styles here */
+                .link:hover
+                {
+                    color: #cccecc;
+                }
+
+                .link:visited
+                {
+                    color: black;
+                }
+
+                .link:active
+                {
+                    color: black;
+                }
+
+                .link[href^='https']:visited
+                {
+                    color: orange;
+                }
+
+                .link[href^='https']:hover
+                {
+                    color: #fb77b6;
+                }
+
+                .link[href^='https']:active
+                {
+                    color: #70fd88;
+                }
             </style>
 
             <section class="global-result">