Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Slow: universal + attribute + deep descendant */ * [type="text"] .form-group > input { border: 1px solid red; } /* Fast: single class */ .input-error { border: 1px solid red; } /* Avoid deep nesting */ .nav .list .item .link .icon { color: blue; } /* Better */ .nav-icon { color: blue; }
Result
Open