← Nth-child selectorsTargeting page content - Lab → 
p::first-line (CSS3)
ou p:first-line (CSS2)
p::first-letter / p:first-letter
  1. : & :: → différencier pseudo-class selector(:) et pseudo-element selector (::)
  2. :: pas forcément supporté (genre IE8)

::before & ::after

  1. permet d'ajouter du contenu avant ou après un élément.
  2. Ce contenu n'est pas ciblable grâce au DOM (n'apparaitra pas dans le DOM, pas accessible par script).
  3. propriété content.
  4. différentes fonctionnalités :
    1. counouter
    2. open-quote/close-quote
    3. attr(X)
    4. etc…

w3.org/TR/CSS2/generate.htm#before-after-content 

a::after {
  content: attr(href); // récupère le contenu de l'attribut href
  content: " [" attr(href) " ]"; // on concatène avec des str
}