SyntaxFix

[sass] Sass Nesting for :hover does not work

For concatenating selectors together when nesting, you need to use the parent selector (&): 

.class {
    margin:20px;
    &:hover {
        color:yellow;
    }
}

Examples related to sass

• Error: Node Sass version 5.0.0 is incompatible with ^4.0.0 • How to fix ReferenceError: primordials is not defined in node • Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist` • What is the difference between CSS and SCSS? • Angular-cli from css to scss • Why don’t my SVG images scale using the CSS "width" property? • Angular CLI SASS options • Error: Cannot find module 'gulp-sass' • How to compile or convert sass / scss to css with node-sass (no Ruby)? • Try reinstalling `node-sass` on node 0.12?

Examples related to css-selectors

• Angular 2: How to style host element of the component? • How to click a href link using Selenium • How do I apply a style to all children of an element • How to write a CSS hack for IE 11? • :last-child not working as expected? • Need to find element in selenium by css • jQuery select child element by class with unknown path • How do I select an element that has a certain class? • What is the difference between cssSelector & Xpath and which is better with respect to performance for cross browser testing? • What is the mouse down selector in CSS?