[{"created":"20250827180812892","text":"!! Tables Tagged Specifically\n!!! Remove tildes (&#96;&#96;&#96;) to view\n\n```\n<$vars \ncol-color=\"<<colour tag-background>>50\" \nrow-color=\"<<colour testcase-accent-level-1>>\" \ntarget-color=\"<<colour diff-insert-background>>\" \ntarget-outline-color=\"<<colour primary>>66\">\n<style>\ndiv.tc-tiddler-frame.tc-tiddler-edit-frame table tr:hover, div.tc-tiddler-frame.tc-tiddler-view-frame table tr:hover {\nbackground: <<col-color>>;\n}\n\ntable.test-table tr td:hover {\nbackground: <<colour background>>;\noutline: solid 2px <<target-outline-color>>;\n}\n\n<$list filter=[range[1],[20]] variable=\"n\">\ntable.test-table:has(tr > *:nth-child(<<n>>):hover) tr {\n > *:nth-child(<<n>>) \n{\nbackground: <<row-color>>;\n}\n&:hover *:nth-child(<<n>>) {\nbackground: <<target-color>>;\n}\n}\n</$list>\n</style>\n</$vars>\n\n|test-table|k\n| hello | hello | hello |\n| hello | hello | hello |\n| hello | hello | hello |\n```\n\n!! All Tables Within A Tiddler Wiki-Wide\n!!! Remove tildes (&#96;&#96;&#96;) to view\n\n```\n<$vars \ncol-color=\"<<colour primary>>50\" \nrow-color=\"<<colour testcase-accent-level-1>>\" \ntarget-color=\"<<colour diff-insert-background>>\" \ntarget-outline-color=\"<<colour primary>>66\">\n<style>\ndiv.tc-tiddler-frame.tc-tiddler-edit-frame table tr:hover, div.tc-tiddler-frame.tc-tiddler-view-frame table tr:hover {\nbackground: <<col-color>>;\n}\n\ndiv.tc-tiddler-frame.tc-tiddler-edit-frame table tr td:hover, div.tc-tiddler-frame.tc-tiddler-view-frame table tr td:hover {\nbackground: <<colour background>>;\noutline: solid 2px <<target-outline-color>>;\n}\n\n<$list filter=[range[1],[20]] variable=\"n\">\ndiv.tc-tiddler-frame.tc-tiddler-edit-frame table:has(tr > *:nth-child(<<n>>):hover) tr, \ndiv.tc-tiddler-frame.tc-tiddler-view-frame table:has(tr > *:nth-child(<<n>>):hover) tr {\n > *:nth-child(<<n>>) \n{\nbackground: <<row-color>>;\n}\n&:hover *:nth-child(<<n>>) {\nbackground: <<target-color>>;\n}\n}\n</$list>\n</style>\n</$vars>\n\n| hello | hello | hello |\n| hello | hello | hello |\n| hello | hello | hello |\n```","tags":"","title":"Table Row, Column, And Cell Highlighting CSS","modified":"20250827183107220"}]