Question

在css文件中我有这段代码

mainTitle.abc {
    text-align: center;
    font-family:"Babylon5 Hollow";
    color: #93ff00;
    font-size: 50px;
    font-weight: bolder;
}

在我的html文件中我使用它：

<body>
    <div style="text-align: center;">
        <mainTitle class="abc">The Web is the future</mainTitle>
    </div>
</body>

IE11以预定义格式显示预期文本，但Safari不会以所需格式显示文本。我做错了什么？

Answer 1

据我所知，没有名为<mainTitle>的标签，因此这适用于较新的浏览器，但不适用于较早的浏览器，如Safari 4.1.x

尝试将它们更改为相应的标题（<h1>...<h6>），我猜你想要<h1>，所以请使用此代码

<body>
<div>
    <h1 class="abc">The Web is the future</mainTitle>
</div>

在你的CSS中

h1.abc{
    text-align: center;
    font-family:"Babylon5 Hollow";
    color: #93ff00;
    font-size: 50px;
    font-weight: bolder;
}