0

这是两个类似代码，一个使用 id，另一个使用 class：Css 代码 {1}：

.section{ margin-bottom:25px; }
    .last{ margin-bottom:0px; }
    .section-name{  font-family: 'Sulphur' ; font-size:20px; padding-bottom:10px; color:#2F6AB3;  }

html代码{1}：

<h2 class="section-name">Personal Details</h2>

CSS代码{2}：

    .section{ margin-bottom:25px; }
    .last{ margin-bottom:0px; }
    #section-name{  font-family: 'Sulphur' ; font-size:20px; padding-bottom:10px; color:#2F6AB3;  }

html代码{2}：

 <h2 id="section-name">Personal Details</h2>

在第一个 Code {1} 类中，它没有显示正确的字体系列“Sulphur”。但在第二个代码 {2} 中，它显示正确的字体：“硫磺”。所以我需要知道为什么？有两个原因，两个提高我的开发技能，因为我在这里我想使用这个类。

4

1 回答 1

1

当我测试这段代码时，它对我来说很好：

<!DOCTYPE HTML>
<html>
<head>
    <style type="text/css">
        .section{ margin-bottom:25px; }
        .last{ margin-bottom:0px; }

        .section-name{  font-family: 'Sulphur' ; font-size:50px; padding-bottom:10px; color:#2F6AB3;  }

        #section-name{  font-family: 'Sulphur' ; font-size:10px; padding-bottom:10px; color:#2F6AB3;  }
    </style>
</head>
<body>
<h2 class="section-name">Personal Details</h2>
<h2 id="section-name">Personal Details</h2>
</body>
</html>

您应该向我们展示您的完整代码。

于 2013-01-12T01:29:01.403 回答