Can someone check mi code? Exercise 8


#1

HTML

<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Máximo desafío de texto</title>
    </head>
    <body>
        <p>Introducción: Efecto cascada con CSS</p>
        <div>
            <p>Sinopsis: Cuando establecés una propiedad de un selector como 'p' con un cierto valor, ese valor se aplica a <em>todas</em> las etiquetas p.
            Sin embargo, si cambiás esa misma propiedad a un valor diferente para una instancia de p más específica,
            ese cambio <em>sobreescribirá</em>  la 'regla general'.
            </p>
            <ul>
                <li><p>Si decís: p { font-family: Garamond}, todas las 'p' tendrán fuente Garamond.</p></li>
                <li><p>PERO si decís li p {font-family: Verdana}, las 'p' fuera de las 'li' tendrán
                       fuente Garamond, y las 'p' DENTRO de las 'li' tendrán fuente Verdana.
                </p></li>
                <li><p>Cuanto más específicos sean tus selectores, más importancia le da CSS al estilo que apliques.</p></li>
            </ul>
        </div>
        <p>Resumen: Una mayor especificidad hace que CSS le dé prioridad a ese estilo particular.</p>
    </body>
</html>

CSS

p {
font-family:Garamond;
}

body > p {
font-weight:bold;
}

ul {
text-decoration:underline;
}

Sorry for the code in spanish, I get an error regarding the bold part in "Introducción" & "Resumen" even if it is already underlined in the preview screen. Can someone tell me what am I doing wrong?


#2

This styling needs to be in your CSS not HTML


#3

@zainabrawat, the whole point of this exercise is not to use id's, please modify your answer.

@suspensionpoint, you need to specify the paragraphs in the unordered list (so ul p) because the exercise wants it, normally ul would have been just fine, i believe the instructions mention you need to specify p


#4

@stetim94 I'm sorry I didn't open the lesson and check instructions I just replied


#5

I tried the english version with the corrected code and it worked fine, but when returning to the spanish one I get the same error again. Do you know where can I report it?


#6

The bug is known, someone found a workaround you can use. here is the workaround, the error indicates the introduction and summary paragraph ore not bold, right?


#7

That's exactly the same problem but adding the strong tags in their respective paragraphs doesn't seem to work


#8

Could you show an updated version of your html code?


#9

Here it is:
HTML

<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Máximo desafío de texto</title>
    </head>
    <body>
        <p><strong>Introducción: Efecto cascada con CSS</strong></p>
        <div>
            <p>Sinopsis: Cuando establecés una propiedad de un selector como 'p' con un cierto valor, ese valor se aplica a <em>todas</em> las etiquetas p.
            Sin embargo, si cambiás esa misma propiedad a un valor diferente para una instancia de p más específica,
            ese cambio <em>sobreescribirá</em>  la 'regla general'.
            </p>
            <ul>
                <li><p>Si decís: p { font-family: Garamond}, todas las 'p' tendrán fuente Garamond.</p></li>
                <li><p>PERO si decís li p {font-family: Verdana}, las 'p' fuera de las 'li' tendrán
                       fuente Garamond, y las 'p' DENTRO de las 'li' tendrán fuente Verdana.
                </p></li>
                <li><p>Cuanto más específicos sean tus selectores, más importancia le da CSS al estilo que apliques.</p></li>
            </ul>
        </div>
        <p><strong>Resumen: Una mayor especificidad hace que CSS le dé prioridad a ese estilo particular.</strong></p>
    </body>
</html>

CSS

p {
font-family:Garamond;
}

body > p {
font-weight: bold;
}

ul p {
text-decoration:underline;
}


#10

Weird, i tested the workaround back then, and it seemed to work, and now for some reason it is not working...


#11

oh well, thank you anyway