CSS Test: FizzBuzz

Last modified by XWikiGuest on 2021/05/03 08:07

Without altering the HTML, make the background color:

  • yellow for all the cells in rows divisible by 3
  • blue for all the cells in rows divisible by 5
  • green for all the cells in rows divisible by both 3 and 5, and mark the name with an asterisk. Example of expected result:

|...
| 44. | Name 44  | Value 44 |
| 45. | Name 45* | Value 45 |
| 46. | Name 46  | Value 46 |
|...

Edit CSS

<table id="allData">
 <tbody>
   <tr>
     <th>Number</th>
     <th>Name</th>
     <th>Value</th>
   </tr>
   <tr>
     <th>1.</th>
     <td>Name 1</td>
     <td>Value 1</td>
   </tr>
   <tr>
     <th>2.</th>
     <td>Name 2</td>
     <td>Value 2</td>
   </tr>
    ...
   <tr>
     <th>100.</th>
     <td>Name 100</td>
     <td>Value 100</td>
   </tr>
 </tbody>
</table>
Number Name Value
1. Name 1 Value 1
2. Name 2 Value 2
3. Name 3 Value 3
4. Name 4 Value 4
5. Name 5 Value 5
6. Name 6 Value 6
7. Name 7 Value 7
8. Name 8 Value 8
9. Name 9 Value 9
10. Name 10 Value 10
11. Name 11 Value 11
12. Name 12 Value 12
13. Name 13 Value 13
14. Name 14 Value 14
15. Name 15 Value 15
16. Name 16 Value 16
17. Name 17 Value 17
18. Name 18 Value 18
19. Name 19 Value 19
20. Name 20 Value 20
21. Name 21 Value 21
22. Name 22 Value 22
23. Name 23 Value 23
24. Name 24 Value 24
25. Name 25 Value 25
26. Name 26 Value 26
27. Name 27 Value 27
28. Name 28 Value 28
29. Name 29 Value 29
30. Name 30 Value 30
31. Name 31 Value 31
32. Name 32 Value 32
33. Name 33 Value 33
34. Name 34 Value 34
35. Name 35 Value 35
36. Name 36 Value 36
37. Name 37 Value 37
38. Name 38 Value 38
39. Name 39 Value 39
40. Name 40 Value 40
41. Name 41 Value 41
42. Name 42 Value 42
43. Name 43 Value 43
44. Name 44 Value 44
45. Name 45 Value 45
46. Name 46 Value 46
47. Name 47 Value 47
48. Name 48 Value 48
49. Name 49 Value 49
50. Name 50 Value 50
51. Name 51 Value 51
52. Name 52 Value 52
53. Name 53 Value 53
54. Name 54 Value 54
55. Name 55 Value 55
56. Name 56 Value 56
57. Name 57 Value 57
58. Name 58 Value 58
59. Name 59 Value 59
60. Name 60 Value 60
61. Name 61 Value 61
62. Name 62 Value 62
63. Name 63 Value 63
64. Name 64 Value 64
65. Name 65 Value 65
66. Name 66 Value 66
67. Name 67 Value 67
68. Name 68 Value 68
69. Name 69 Value 69
70. Name 70 Value 70
71. Name 71 Value 71
72. Name 72 Value 72
73. Name 73 Value 73
74. Name 74 Value 74
75. Name 75 Value 75
76. Name 76 Value 76
77. Name 77 Value 77
78. Name 78 Value 78
79. Name 79 Value 79
80. Name 80 Value 80
81. Name 81 Value 81
82. Name 82 Value 82
83. Name 83 Value 83
84. Name 84 Value 84
85. Name 85 Value 85
86. Name 86 Value 86
87. Name 87 Value 87
88. Name 88 Value 88
89. Name 89 Value 89
90. Name 90 Value 90
91. Name 91 Value 91
92. Name 92 Value 92
93. Name 93 Value 93
94. Name 94 Value 94
95. Name 95 Value 95
96. Name 96 Value 96
97. Name 97 Value 97
98. Name 98 Value 98
99. Name 99 Value 99
100. Name 100 Value 100