Problemas con el zoom de la pantalla


#1

hola tengo un problema nose si es mi codigo ya intente de todo pero sigue saliendo este error:
¡Uy! Probá otra vez. ¿Hiciste que tu tercer párrafo tuviera un tamaño de fuente de 26px? Parece que actualmente es undefined. No te olvides de ajustar el zoom del navegador presionando Ctrl-0 o Cmd-0
mi codigo es el siguiente:

<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Resultado</title>
	</head>
	<body>
	<div class="elegante">
		<h3>hola este es h3</h3>
		<p>parrafo1</p>
		</div>
		<div id="serio">
    <p id="serio">hola esto es serio</p>
        </div>
        <p style="font-size:26px;">parrafo que da problemas</p>
	</body>

el css es el siguiente:

.elegante   {
    font-family:Cursive;
    color:violet;
            }
#serio  {
    font-family:Courier;
    color:#8c8c8c;
        }
p:nth-child(3)
    {
font-size:26px;
    } 
*/

agradeceria una ayuda muchas gracias! que solo este es el problema que tengo


#2

i would remove all divs, and would add the class elegante to your first heading (h3) and paragraph.

Then change your css selector to p:nth-child(4), nth-child counts all elements, and if the 4th element is a paragraph is apply the styling between the curly brackets. A better way to explain this, would be to say p:first-child won't be "executed" because the first element is a h3, not a paragraph.


#3

thanks for your help!


#4

All the divs make the count difficult, and doesn't match with the checking script. I forgot to explain that. Good to hear you resolved it