File: pseudo-elements-1.html

package info (click to toggle)
iceweasel 38.8.0esr-1~deb7u1
  • links: PTS, VCS
  • area: main
  • in suites: wheezy
  • size: 1,578,008 kB
  • sloc: cpp: 4,134,345; ansic: 1,765,754; python: 324,651; java: 233,700; asm: 138,937; xml: 98,298; sh: 82,895; makefile: 21,621; perl: 17,235; objc: 4,014; yacc: 1,968; lex: 1,179; exp: 499; pascal: 479; lisp: 228; awk: 152; ruby: 82; sed: 43; csh: 31; ada: 16; php: 1
file content (36 lines) | stat: -rw-r--r-- 1,322 bytes parent folder | download | duplicates (49)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!doctype html><style>
  div { float: left }
  /* Pseudo elements can appear only at the end of the selector. */
  .good { color: red }
  .bad { color: green }
  #good1::first-letter { color: green }
  #good2::first-letter, #good3 { color: green }
  #good4, #good5::first-letter { color: green }
  div > #good6::first-letter, #good7 { color:green }
  div #good7 > ::first-letter, #good8 { color:green }

  #bad1::first-letter *, #bad2 { color: red }
  #bad4, #bad3::first-letter * { color: red }
  div::first-line #bad5, #bad6 { color: red }
  #bad7, div::first-line #bad8 { color: red }
  #bad9, div ::first-line>#bad10 { color:red }
</style><div
><div class="good" id="good1">T</div
><div class="good" id="good2">h</div
><div class="good" id="good3">e</div
><div class="good" id="good4">r</div
><div class="good" id="good5">e</div
><div class="good" id="good6">s</div
><div class="good" id="good7">h</div
><div class="good" id="good8">o</div
><div class="bad"  id="bad1" >u</div
><div class="bad"  id="bad2" >l</div
><div class="bad"  id="bad3" >d</div
><div class="bad"  id="bad4" >b</div
><div class="bad"  id="bad5" >e</div
><div class="bad"  id="bad6" >n</div
><div class="bad"  id="bad7" >o</div
><div class="bad"  id="bad8" >r</div
><div class="bad"  id="bad9" >e</div
><div class="bad"  id="bad10">d</div
></div>