3. Selectori CSS

Experimente ce recurg la diverse maniere de selectare a elementelor HTML

HTML

<section>
  <div>
  Text albastru <em>doar aici</em>.
  </div>
  <p>
  <em>Acesta este oare albastru?</em>
  </p>
</section>

CSS

/* descendant */
section em {
  color: blue;
}

/* a se elimina comentariile, pentru a observa efectele altor operatori de selectare */
/* child */

section > em {
  color: blue;
}
/*
p > em {
  color: green;
}
*/
/* sibling */

div + p {
  color: blue;
}