blob: b65e53d06fab34835df65aa348d5d523b7a757e3 (
plain)
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
37
38
39
40
41
42
43
|
<!DOCTYPE HTML>
<html><head>
<meta charset="utf-8">
<title>Tests :nth-child(An+B) matching</title>
<style type="text/css">
div :nth-child(+/**/3n-2) { color:white; }
div :nth-child(+3n/**/-2) { background-color:black; }
div :nth-child(+3n/**/-2) { font-size:12px; }
div :nth-child(+3n-/**/2) { text-decoration: underline; }
div :nth-child(+3n-2/**/) { border-left-width: 1px; }
div :nth-child(+3/**/n-2) { border-right-width: 1px; }
div :nth-child(+3n/**/-2) { border-top-width: 1px; }
div :nth-child(+3n/**/-2) { border-bottom-width: 1px; }
div :nth-child(+3n-/**/2) { border-style: solid; }
div :nth-child(+3n-2/**/) { border-color: blue; }
/* valid but will not match anything */
div :nth-child(-/**/n-2) { color:red; }
div :nth-child(-n/**/-2) { color:red; }
div :nth-child(-n/**/-2) { color:red; }
div :nth-child(-n-/**/2) { color:red; }
div :nth-child(-n-2/**/) { color:red; }
div :nth-child(-1/**/n-2) { color:red; }
div :nth-child(-1n/**/-2) { color:red; }
div :nth-child(-1n/**/-2) { color:red; }
div :nth-child(-1n-/**/2) { color:red; }
div :nth-child(-1n-2/**/) { color:red; }
/* invalid */
div :nth-child(-/**/ n-2) { color:red; }
div :nth-child(- /**/n-2) { color:red; }
div :nth-child(+/**/ n-2) { color:red; }
div :nth-child(+ /**/n-2) { color:red; }
</style>
</head>
<body>
<div><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x><x>x</x></div>
</body>
</html>
|
