/demo/css/counters.css

http://samaxesjs.googlecode.com/ · CSS · 56 lines · 44 code · 12 blank · 0 comment · 0 complexity · 87f9aaeaf7d911bbcc0e164de148e9db MD5 · raw file 

    

  1. body {

    2. 

  2.     counter-reset: section1;

    3. 

  3. }

    4. 

  4. 

    5. 

  5. h1 {

    6. 

  6.     counter-increment: section1;

    7. 

  7.     counter-reset: section2;

    8. 

  8. }

    9. 

  9. 

    10. 

  10. h1:before {

    11. 

  11.     content: counter(section1) " ";

    12. 

  12. }

    13. 

  13. 

    14. 

  14. h2 {

    15. 

  15.     counter-increment: section2;

    16. 

  16.     counter-reset: section3;

    17. 

  17. }

    18. 

  18. 

    19. 

  19. h2:before {

    20. 

  20.     content: counter(section1) "." counter(section2) " ";

    21. 

  21. }

    22. 

  22. 

    23. 

  23. h3 {

    24. 

  24.     counter-increment: section3;

    25. 

  25.     counter-reset: section4;

    26. 

  26. }

    27. 

  27. 

    28. 

  28. h3:before {

    29. 

  29.     content: counter(section1) "." counter(section2) "." counter(section3) " ";

    30. 

  30. }

    31. 

  31. 

    32. 

  32. h4 {

    33. 

  33.     counter-increment: section4;

    34. 

  34.     counter-reset: section5;

    35. 

  35. }

    36. 

  36. 

    37. 

  37. h4:before {

    38. 

  38.     content: counter(section1) "." counter(section2) "." counter(section3) "." counter(section4) " ";

    39. 

  39. }

    40. 

  40. 

    41. 

  41. h5 {

    42. 

  42.     counter-increment: section5;

    43. 

  43.     counter-reset: section6;

    44. 

  44. }

    45. 

  45. 

    46. 

  46. h5:before {

    47. 

  47.     content: counter(section1) "." counter(section2) "." counter(section3) "." counter(section4) "." counter(section5) " ";

    48. 

  48. }

    49. 

  49. 

    50. 

  50. h6 {

    51. 

  51.     counter-increment: section6;

    52. 

  52. }

    53. 

  53. 

    54. 

  54. h6:before {

    55. 

  55.     content: counter(section1) "." counter(section2) "." counter(section3) "." counter(section4) "." counter(section5) "." counter(section6) " ";

    56. 

  56. }
    57.