Css IE11与Safari 4.1.7

Css IE11与Safari 4.1.7,css,Css,在css文件中,我有以下代码 mainTitle.abc { text-align: center; font-family:"Babylon5 Hollow"; color: #93ff00; font-size: 50px; font-weight: bolder; } <body> <div> <h1 class="abc">The Web is the future</mainTitle>

在css文件中,我有以下代码

mainTitle.abc {
    text-align: center;
    font-family:"Babylon5 Hollow";
    color: #93ff00;
    font-size: 50px;
    font-weight: bolder;
}
<body>
<div>
    <h1 class="abc">The Web is the future</mainTitle>
</div>
在我的html文件中,我这样使用它:

<body>
    <div style="text-align: center;">
        <mainTitle class="abc">The Web is the future</mainTitle>
    </div>
</body>
IE11以预定义的格式显示所需的文本,但Safari不会以所需的格式显示文本。我做错了什么?

据我所知,没有调用标记,因此这将在较新的浏览器中工作,但在较旧的浏览器(如Safari 4.1.x)中不起作用

尝试将它们更改为适当的标题…,我猜您需要在这里,所以使用以下代码

mainTitle.abc {
    text-align: center;
    font-family:"Babylon5 Hollow";
    color: #93ff00;
    font-size: 50px;
    font-weight: bolder;
}
<body>
<div>
    <h1 class="abc">The Web is the future</mainTitle>
</div>

另请参见

所需的格式以及它的外观。Safari 4.x.x是一款非常古老的浏览器,它是否支持自定义HTML标记?你在当前的V7+Safari中试过吗?我检查过了,但是那里没有下载链接,我找到的唯一下载不是来自苹果。你也不需要文本对齐:在div和h1上居中。标题上可能没问题。自定义HTML标记是HTML5的一个功能。代码对以后的浏览器是有效的,但对像v4.x.xWell这样的旧Safari不可能。我想保留与原始版本一样的代码,但我会删除它,因为内联CSS很糟糕