add task solution

mate-academy · Aug 22, 2023 · e24f961 · e24f961
1 parent 03b8da4
commit e24f961
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 16 deletions.
diff --git a/src/index.html b/src/index.html
@@ -15,34 +15,39 @@
       <div class="stars__star"></div>
       <div class="stars__star"></div>
     </div>
+
     <div class="stars stars--1">
       <div class="stars__star"></div>
       <div class="stars__star"></div>
       <div class="stars__star"></div>
       <div class="stars__star"></div>
       <div class="stars__star"></div>
     </div>
+
     <div class="stars stars--2">
       <div class="stars__star"></div>
       <div class="stars__star"></div>
       <div class="stars__star"></div>
       <div class="stars__star"></div>
       <div class="stars__star"></div>
     </div>
+
     <div class="stars stars--3">
       <div class="stars__star"></div>
       <div class="stars__star"></div>
       <div class="stars__star"></div>
       <div class="stars__star"></div>
       <div class="stars__star"></div>
     </div>
+
     <div class="stars stars--4">
       <div class="stars__star"></div>
       <div class="stars__star"></div>
       <div class="stars__star"></div>
       <div class="stars__star"></div>
       <div class="stars__star"></div>
     </div>
+
     <div class="stars stars--5">
       <div class="stars__star"></div>
       <div class="stars__star"></div>

diff --git a/src/style.css b/src/style.css
@@ -22,22 +22,10 @@ body {
   margin-right: 4px;
 }
 
-.stars--1 > .stars__star:nth-child(-n + 1) {
-  background-image: url(./images/star-active.svg);
-}
-
-.stars--2 > .stars__star:nth-child(-n + 2) {
-  background-image: url(./images/star-active.svg);
-}
-
-.stars--3 > .stars__star:nth-child(-n + 3) {
-  background-image: url(./images/star-active.svg);
-}
-
-.stars--4 > .stars__star:nth-child(-n + 4) {
-  background-image: url(./images/star-active.svg);
-}
-
+.stars--1 > .stars__star:nth-child(-n + 1),
+.stars--2 > .stars__star:nth-child(-n + 2),
+.stars--3 > .stars__star:nth-child(-n + 3),
+.stars--4 > .stars__star:nth-child(-n + 4),
 .stars--5 > .stars__star:nth-child(-n + 5) {
   background-image: url(./images/star-active.svg);
 }