Home/ Questions/Q 9123431
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T06:20:19+00:00

Here’s two Similaire code one using id and the other using class : Css

  • 0

Here’s two Similaire code one using id and the other using class :
Css code {1} :

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

Html code {1} :

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

Css code {2} :

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

html code {2} :

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

In first Code {1} ,class, it didn’t showed the right Font familly, “Sulphur”.
But in the seconde Code {2} it Display the right font : “Sulphur”.
So I need to know why ? for two reason, two improve my developping skills and because i here i want to use the class.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    When I test this code, it works fine for me :

    <!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>

    You should show us your complete code.

    • 0