Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html> <html> <head> <style> p { color: gray; } /* lowest */ .highlight { color: blue; } /* wins over p */ #special { color: crimson; } /* wins over .highlight */ </style> </head> <body style="font-family: Arial; padding: 20px;"> <p>Gray (element selector)</p> <p class="highlight">Blue (class selector wins)</p> <p class="highlight" id="special">Crimson (ID wins)</p> </body> </html>
Result
Open