It's common knowledge that each browser has its own default values for HTML elements. But what happens when we want to override specific styles set by CSS and revert back to the default browser style?
For instance, if all TRs have a height value of 50px defined in CSS (TR {height:50px}), how can we apply the default height for a specific TR.defaultRow element (
TR.defaultRow {height:**default**}Additionally, how can we retrieve the default CSS value set by the browser for an element?
currentStyle no longer works, and getComputedStyle provides calculated temporary values rather than the default ones.
EDITED:
Another question arises - how can we achieve consistent behavior among multiple elements or table cells? For example, ensuring that 2 TD elements take up 50% of available space, 3 TD elements take 33.33%, and so on, while allowing them to expand based on content. This desired behavior extends to individual elements as well.