Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Element selector — targets every <p> tag */ p { color: navy; line-height: 1.6; } /* Class selector — reusable across many elements */ .highlight { background-color: #fff176; padding: 2px 4px; border-radius: 3px; } /* ID selector — unique element on the page */ #site-header { font-size: 2rem; font-weight: 700; border-bottom: 3px solid #1a73e8; } /* Combining selectors */ p.highlight { color: #b71c1c; /* only <p> tags with class highlight */ }
Result
Open