Pileus Git - ~andy/gtk/blob - tests/reftests/nth-child.css

   1 /* For nth-child, we have a custom rule for every multiple of
   2  * the prime numbers.
   3  * For nth-last-child, we also color the prime number itself.
   4  */
   5
   6 :nth-child(2n+2),
   7 :nth-last-child(-2n+200) {
   8   color: blue;
   9 }
  10
  11 :nth-child(3n+3),
  12 :nth-last-child(3n-300) {
  13   font-weight: bold;
  14 }
  15
  16 :nth-child(5n+5),
  17 :nth-last-child(-5n+500) {
  18   font-style: italic;
  19 }
  20
  21 :nth-child(7n+7),
  22 :nth-last-child(7n-700) {
  23   text-shadow: red 1px 1px;
  24 }
  25
  26 :nth-child(11n+11),
  27 :nth-last-child(-11n+1100) {
  28   text-shadow: green 1px 1px;
  29 }
  30
  31 #ref1 {
  32   font-style: italic;
  33 }
  34
  35 #ref2 {
  36   color: blue;
  37   font-weight: bold;
  38 }
  39
  40 #ref3 {
  41 }
  42
  43 #ref4 {
  44   color: blue;
  45   text-shadow: green 1px 1px;
  46 }
  47
  48 #ref5 {
  49   font-weight: bold;
  50   text-shadow: red 1px 1px;
  51 }
  52
  53 #ref6 {
  54   color: blue;
  55   font-weight: bold;
  56   font-style: italic;
  57 }
  58
  59 #ref7 {
  60 }
  61
  62 #ref8 {
  63   color: blue;
  64   font-weight: bold;
  65 }
  66
  67 #ref9 {
  68   font-weight: bold;
  69 }
  70
  71 #ref10 {
  72   color: blue;
  73   font-style: italic;
  74 }
  75
  76 #ref11 {
  77   font-weight: bold;
  78   font-style: italic;
  79 }
  80
  81 #ref12 {
  82   color: blue;
  83   font-weight: bold;
  84   text-shadow: red 1px 1px;
  85 }
  86
  87 #ref13 {
  88 }
  89
  90 #ref14 {
  91   color: blue;
  92   font-weight: bold;
  93   text-shadow: red 1px 1px;
  94 }
  95
  96 #ref15 {
  97   font-weight: bold;
  98   font-style: italic;
  99   text-shadow: green 1px 1px;
 100 }
 101
 102 #ref16 {
 103   color: blue;
 104   font-style: italic;
 105 }
 106
 107 #ref17 {
 108   font-weight: bold;
 109 }
 110
 111 #ref18 {
 112   color: blue;
 113   font-weight: bold;
 114 }
 115
 116 #ref19 {
 117   text-shadow: red 1px 1px;
 118 }
 119
 120 #ref20 {
 121   color: blue;
 122   font-weight: bold;
 123   font-style: italic;
 124 }
 125
 126 #ref21 {
 127   font-weight: bold;
 128   font-style: italic;
 129   text-shadow: red 1px 1px;
 130 }
 131
 132 #ref22 {
 133   color: blue;
 134   text-shadow: green 1px 1px;
 135 }
 136
 137 #ref23 {
 138   font-weight: bold;
 139 }
 140
 141 #ref24 {
 142   color: blue;
 143   font-weight: bold;
 144 }
 145
 146 #ref25 {
 147   font-style: italic;
 148 }