cccn:pseudo-element_selectors
p::first-line (CSS3) ou p:first-line (CSS2) p::first-letter / p:first-letter
- : & :: → différencier pseudo-class selector(:) et pseudo-element selector (::)
- :: pas forcément supporté (genre IE8)
::before & ::after
- permet d'ajouter du contenu avant ou après un élément.
- Ce contenu n'est pas ciblable grâce au DOM (n'apparaitra pas dans le DOM, pas accessible par script).
- propriété content.
- différentes fonctionnalités :
- counouter
- open-quote/close-quote
- attr(X)
- 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
}
cccn/pseudo-element_selectors.txt · Last modified: 2015/12/28 17:15 by leo