我可以使用CSS在字体大小，重量等方面使一个元素在视觉上与另一个元素完全相同吗？

Question

所以我想说我有一个DIV标签：

<div class="testHead"></div>

我希望所有意图和目的在视觉上与<h1>标记的字体外观相同，因为实际使用<h1>标记时会出现一些问题。有没有一种简单的方法在CSS中设置它？ HTML5 / CSS3在这里完全没问题。

Answer 1

简短的回答是：不，你不能模仿CSS中另一个元素的风格。 一些选择：

• 使用 javascript / jQuery 复制另一个元素的所有计算样式。有关详细信息，请参阅此问题：Can jQuery get all CSS styles associated with an element?
• 将元素的开发人员视图（＆＃34; Inspect Element＆＃34;）中的计算样式手动复制到新元素的CSS中。

Answer 2

老问题，但是......

嗯，您可以，在CSS中，您可以将.testHead添加到h1选择器中：

h1, .testHead {properties: here}

或者，更优雅 - 如果您也可以控制您的标记：

h1, .h1 {properties: here}

并在您的HTML中：

<div class="testHead h1"></div>