是否可以在没有h1标记的情况下将div中的所有文本设置为h1样式

Question

我有一个包含页面标题的div。是否可以在不使用标记的情况下将所有文本设置为h1样式？

例如：

<div id="title-div" style="h1">My Title</div>

或者类似于：

#title-div {
style: h1; //Imports all styles from h1
}

这种事情可能吗？

Answer 1

否。

像SASS这样的CSS扩展往往具有@mixin这样的功能，它可以定义一组规则，然后在不同的地方应用它们，但是：

• CSS本身没有这样的东西
• 必须将样式明确定义为mixin

Answer 2

找到h1标签的css，然后添加您的div id(假设您可以控制该css，并且它不是来自第三方，在这种情况下，您可能只需要复制它(

h1, #title-div {
// styles
}

Answer 3

您可以使用class或id来设置页面标题的样式。CSS示例，用于用"；id"：

#title-div {
//add your styling here
}

另一种选择是"；类"；，因此在"；div"；打开标签，你应该有"；类"；HML示例：

<div class="title">
<h1>My Title</h1>
</div>

类样式的CSS示例：

.title {
//add your styling here
}

此外，我认为您应该添加div容器h1来理解和清除它

Answer 4

您可以使用h1 的默认样式

-webkit-text-size-adjust: 100%;
line-height: 1.5;
color: #000!important;
box-sizing: inherit;
font-family: "Segoe UI",Arial,sans-serif;
font-weight: 400;
margin: 10px 0;
font-size: 42px;