gtk/tests/reftests/nth-child.css
Benjamin Otte d115441a57 reftests: Add a reftest for nth-child
Prime numbers are fun.
2012-04-17 08:59:08 +02:00

149 lines
1.6 KiB
CSS

/* For nth-child, we have a custom rule for every multiple of
* the prime numbers.
* For nth-last-child, we also color the prime number itself.
*/
:nth-child(2n+2),
:nth-last-child(-2n+200) {
color: blue;
}
:nth-child(3n+3),
:nth-last-child(3n-300) {
font-weight: bold;
}
:nth-child(5n+5),
:nth-last-child(-5n+500) {
font-style: italic;
}
:nth-child(7n+7),
:nth-last-child(7n-700) {
text-shadow: red 1 1;
}
:nth-child(11n+11),
:nth-last-child(-11n+1100) {
text-shadow: green 1 1;
}
#ref1 {
font-style: italic;
}
#ref2 {
color: blue;
font-weight: bold;
}
#ref3 {
}
#ref4 {
color: blue;
text-shadow: green 1 1;
}
#ref5 {
font-weight: bold;
text-shadow: red 1 1;
}
#ref6 {
color: blue;
font-weight: bold;
font-style: italic;
}
#ref7 {
}
#ref8 {
color: blue;
font-weight: bold;
}
#ref9 {
font-weight: bold;
}
#ref10 {
color: blue;
font-style: italic;
}
#ref11 {
font-weight: bold;
font-style: italic;
}
#ref12 {
color: blue;
font-weight: bold;
text-shadow: red 1 1;
}
#ref13 {
}
#ref14 {
color: blue;
font-weight: bold;
text-shadow: red 1 1;
}
#ref15 {
font-weight: bold;
font-style: italic;
text-shadow: green 1 1;
}
#ref16 {
color: blue;
font-style: italic;
}
#ref17 {
font-weight: bold;
}
#ref18 {
color: blue;
font-weight: bold;
}
#ref19 {
text-shadow: red 1 1;
}
#ref20 {
color: blue;
font-weight: bold;
font-style: italic;
}
#ref21 {
font-weight: bold;
font-style: italic;
text-shadow: red 1 1;
}
#ref22 {
color: blue;
text-shadow: green 1 1;
}
#ref23 {
font-weight: bold;
}
#ref24 {
color: blue;
font-weight: bold;
}
#ref25 {
font-style: italic;
}