From 8f95486cfd9f076245b13fb1907f8018667a524f Mon Sep 17 00:00:00 2001
From: devfzn <dev_fzn@proton.me>
Date: Tue, 11 Apr 2023 10:56:20 -0400
Subject: [PATCH] =?UTF-8?q?HTML5=20y=20CSS3=20pt.=202:=20Posic.=20listas?=
 =?UTF-8?q?=20y=20navegaci=C3=B3n=2006?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Uso de pseudo-clases CSS 'hover' y 'active'
---
 .../html_css_parte2/productos.css             | 25 ++++++++++++++++---
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/004_primeras_paginas/html_css_parte2/productos.css b/004_primeras_paginas/html_css_parte2/productos.css
index 1b3a43d..1d979ae 100644
--- a/004_primeras_paginas/html_css_parte2/productos.css
+++ b/004_primeras_paginas/html_css_parte2/productos.css
@@ -28,6 +28,11 @@ nav a{
     text-decoration: none;
 }
 
+nav a:hover{
+    color: #cd4f39;
+    text-decoration: underline;
+}
+
 .productos{
     width: 80%;
     margin: 0 auto;
@@ -39,22 +44,34 @@ nav a{
     text-align: center;
     width: 30%;
     vertical-align: top;
-    /*background: #cd4f39;*/
+    /*background: #cd4f39; <- se usó para visualizar modificaciones */
     margin: 0 1.5%;
     padding: 30px 20px;
     box-sizing: border-box;
-    /*border-width: 2px;
-    border-style: solid;
-    border-color: #cd4f39;*/
+    /*border-width: 2px;   <- estas 3 propiedades se
+    border-style: solid;   <- pueden reemplazar con la
+    border-color: #cd4f39; <- propiedad de abajo */
     border: 2px solid #cd4f39;
     border-radius: 10px;
 }
 
+.productos li:hover{
+    border-color: #046dfc;
+}
+
+.productos li:active{
+    border-color: #088C19;
+}
+
 .productos h2{
     font-size: 26px;
     font-weight: bold;
 }
 
+.productos li:hover h2{
+    font-size: 32px;
+}
+
 .prod_descripcion {
     font-size: 18px;
 }