Stuck- id's


div {
height: 100px;
width: 100px;

div {
border-radius: 100%;

div {
border: 2px solid black;
.friend {
border: 2px dashed #008000;
.family {
border: 2px dashed #0000FF;
.enemy {
border: 2px dashed #FF0000;

#best_freind { border: 4px solid #00C957;

#archnemesis { border: 4px solid;
    color: #CC0000;

any suggestions?????



Please provide a link to the lesson....
mention the Oops- or Error-message you are getting
and to make your HTML code visible
Please re-edit your Post

  • leave one blank-line above of your code
  • select your code in the Post
  • then =click= on the </>-symbol-of-this-editor

Your code will then be in a pre-code state
and you will be able to make/present the proper indentations.

With Courtesy to stetim94

or even better use



:nth-child (4)

is one pseudo class, you can't have a space in it, remove the space between child and (4)


I got it. too many spaces. Thanks