HTML 元素的默认（浏览器）值（特别是 TABLE、TR 和 TD）或如何将现有样式覆盖为默认值？

Question

我们都知道每个浏览器的 HTML 元素的默认值并不相同。 另外，如果某些 CSS 已经应用于某些元素，我们可以覆盖我们想要默认浏览器样式的特定元素（无论它是什么）吗？

例如，所有 TR 都在 CSS 中定义了相同的高度值 (

TR {height:50px}

)，但是如果我想要

TR.defaultRow

(

TR.defaultRow {height:**default**}

) 具有 TR 高度的默认值怎么办？

另外，如何获取元素的浏览器默认 CSS 值？

currentStyle

不再工作了。

getComputedStyle

不是默认的 CSS 值，而是元素的计算临时值。 例如，高度不是自动或继承，而是 23.44344px 或类似的值。

编辑：

还有一件事，如何获得两个或多个表格单元格的两个或多个元素的确切行为？ 例如，2 个 TD 元素将占用 50% 的可用空间，3 个 TD 元素将占用 33.33% 等。 随着内容在 TD 元素内扩展，它们也会扩展，这种行为也适用于元素。

Answer 1

如果您没有为特定元素提供任何样式，那么它们将具有浏览器默认样式，正如您所说，每个浏览器都有自己的默认样式。不要为元素提供默认样式，而是尝试通过给它另一种样式来覆盖它。大多数默认样式可以轻松覆盖。但有时您必须找到其他一些解决方法，例如将该元素包装在 div 或其他内容中并提供该样式。或者像表格本身这样的父元素不接受很多样式，因为它们只是为了可访问性......所以你必须将样式提供给像行和单元格这样的子元素。

对于您更新的最后一部分，您的意思是您想要一个 div 和其中的几个元素之类的东西，并给它们相同的宽度和高度？如果这就是你的意思，那么你必须使用网格。