2016-04-19 23:12:16 +03:00
|
|
|
<!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) { 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(+3n/**/-2) { border-top-width: 1px; }
|
|
|
|
|
div :nth-child(+3n/**/-2) { border-bottom-width: 1px; }
|
2017-06-02 01:54:14 +03:00
|
|
|
div :nth-child(+3n-/**/2) { border-right-width: 1px; }
|
|
|
|
|
div :nth-child(+3n-2/**/) { border-style: solid; border-color: blue;}
|
2016-04-19 23:12:16 +03:00
|
|
|
|
|
|
|
|
/* 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(-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; }
|
2017-06-02 01:54:14 +03:00
|
|
|
div :nth-child(+3/**/n-2) { color:red; }
|
|
|
|
|
div :nth-child(-/**/n-2) {color: red;}
|
2016-04-19 23:12:16 +03:00
|
|
|
|
|
|
|
|
</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>
|
