Problem with Swinging from branch to branch ! What can i do?


#1

<PLEASE USE THIS TEMPLATE TO HELP YOU CREATE A GREAT POST!>

<Below this line, add a link to the EXACT exercise that you are stuck at.>

<Below this line, in what way does your code behave incorrectly? Include ALL error messages.>

```

Replace this line with your code.

<do not remove the three backticks above>

#2

@natalia33

I think it is better, if one understands the concept.

It all start’s with you,
using a Browser
in which you load a HTML-file,
which we will call the HTML-Document.

This document has a minimal build of

<!DOCTYPE html>
  <html>
     <head>
          <title> </title>
     </head>
     <body>
       <!-- here you insert your HTML-code -->
     </body>
  </html>

The Browser =load’s= this document into Memory
in a pattern that is described as
the Document Object Model
in short the DOM.
( the interpretation of the DOM is Browser & Version specific )

            html
             |
       +-----+------+
       |            |
     head          body
       |
     title

In the description of your document in DOM-talk…
you will encounter terms like:
parent children sibling descendants ascendants…

The HTML-Element has no parent
but is a parent to 2 child-Element’s
the ‘head’-Element
and
the ‘body’-Element.

The ‘head’- and ‘body’-Element,
both being children to the ‘html’-Element
are siblings to each-other.

The ‘head’-Element is parent to the ‘title’-Element…
the ‘title’-Element is a child of the ‘head’-Element
the ‘title’-Element is also a descendant of the ‘html’-Element.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style


#3

The lesson
https://www.codecademy.com/en/courses/web-beginner-en-WF0CF/1/3

The index.html document is loaded into your Browser following the rules of the DOM
Making a diagram

              html
               |
    +----------+---+
    |              | 
   head           body
     |             |
 +--+--+      +----+------+
 |     |      |           |
link title    a           ul
                          |
                      +---+---+---+
                      |       |   |
                     li      li  li
                      |       |   |
                      a       a   a 

CSS-selecting:

a { property; } you would select all four a-Tag Elements

body a { property;} you will select all a-Tags which are descendants of the body-Tag ( all 4 a-Tags)

body>a { property;} you will select the a-Tag which is a direct descendant of the body-Tag ( 1 a-Tag) ( this a-Tag is also called, a child of the body-Tag )


body ul li a { property;}** you will select 3 a-Tags
ul li a { property;}** you will select 3 a-Tags
li a { property;}** you will select 3 a-Tags
ul>a { property;}** you will select NONE, as the ul-Tag only has 3 children which are li-Tags


So now choose the right css selector as is asked for in the exercisa

Reference

https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Simple_selectors

https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Selectors


#4

Hi,
distinction between :
a { property; }
body a { property;}
and
body>a { property;} is a great lesson, but it’s not the only issue : see this screenshot

Whenever the editor is clear (with no code in css) the error is the same :frowning:

And I’m stuck.

Regards,
David.


#5

This text-decoration: none;
business seems to have been and still is a Browser & version specific problem.

With IE there were no problems… other then shading…

Have a google search
text-decoration none pass site:codecademy.com
and you’'ll you will see a long history

The last i came across was
Error occurring...did you remeber to set the text-decoration:none; where is the problem code enclosed below
were it seems you can conclude
You have to use Firefox, Internet explorer or Edge


Creo que hay un error con text-decoration en el curso de css
#6

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.