CSS Class Selector - Playground Example

<!DOCTYPE html><html><head><style type="text/css">/* The period indicates this is a class selector */
.highlight-text {
    background-color: yellow;
    color: #333;
    padding: 5px;
    border-radius: 4px;
    font-weight: bold;
}</style></head><body><h2 class="highlight-text">This heading is highlighted.</h2>
    
    <p>This is a normal paragraph with no special styling.</p>
    
    <p class="highlight-text">This paragraph also uses the same class!</p></body></html>