.class { color: blue; } @mixin dosomething($var: 1) { background-color: blue; .child-selector#with_id { &:hover:not(:first-child) { text-indent: none; } } }

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>foobar</title> </head> <body> <header class="page-header"> <nav><ul class="header-nav"></nav> </header> <main> <p id="paragraph" class="paragraph"> Lorem ipsum dolor sit amet </p> </main> </body> </html>