ampersand css

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

View another examples Add Own solution

Log in, to leave a comment

3.75

8

ILikeCheeseDoYou 75 points

                                    //there is a lot of repetition
.button:visited {
  //style goes here
}
.button:hover {
  //style goes here
}
button:active {
  //style goes here
}
//this can be simplified by using an ampersand
.button {
  &amp;:visited { }
  &amp;:hover { }
  &amp;:active { }
}

Thank you! 8

3.75 (8 Votes)

0

Are there any code examples left?

Find Add Code snippet

New code examples in category CSS

CSS 2022-03-27 22:50:16 make text bigger html5
CSS 2022-03-27 21:40:08 move list item to left css
CSS 2022-03-27 21:35:05 reduce image size css
CSS 2022-03-27 21:30:21 css image background center horizontally in div
CSS 2022-03-27 21:05:02 css button styles
CSS 2022-03-27 18:50:09 compass font awesome
CSS 2022-03-27 18:50:06 modal in materialize css
CSS 2022-03-27 17:55:12 box round corner css
CSS 2022-03-27 17:45:12 jquery add css
CSS 2022-03-27 17:45:01 css image fit in div with aspect ratio

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

how ro use hover in scss hover syntax sass add hover in scss sass on hover styles how to add hover in sass how to make hover in scss hover class in sass using ampersand css hover sasss hover selector scss Ho to use hover in scss the ampersand in css what is an ampersand in css Ampersand with html tags css hover effect scss hover in scss how ampersand in css how to add :hover in sass access hover in scss hover property in sass hover with sass hover css scss how to use hover in scss scss for hover &hover: sass hover effect in scss scss hover style scss hover effect how to add :hover on scss hover en sass scss add :hover scss and hover scss add hover how to add hover in scsss hover property in scss hover with scss on hover sass add hover in sass css ampersand how to hover scss what is ampersand in css hover effect sass sass how to write hover sass styling hover scss hover & hover div scss sass & hover bnt hover in scss using hover in scss scss hover event scss div on hover &:hover in sass hover apply in scss & hover sass :hover sass scss define hover for class and hover scss sass &hover hover style scss how to write scss for hover hover over scss sass class hover hover styles in scss hover in sass. scss hover a scss a hover sass hover e how to hover using scss sccs hover sass hover syntax how to make hover using sass how to hover in sass hover active and after scss apply hover in sass css hover how to concat hover and focus sass scss nested class hover scss mouse hover how to write hover in sass how to add hover in scass scss hover && use hover in scss sass &:hover &:active saas active and hover css ampersand clicked css ampersand clicked\ scss hover and active scsss hover scss use hover apply the same sass with hover sass aply same style to a hover sass child selectors scss hover syntax css sass state hover sass css ampersand sass shall we use & :focus alone in sass scss hover focus btn hover scss NESTED SCSS HOVER scss nested hover create hover css function with sass & sass class with hover scss sass on hover SAAS ampersand shorthand sass &:hover or :hover add hover property in sass how to do hover in sass scss and on hover &:hover { sass sass active hover sass nesting pseudo selectors sass :hover scss hover css "& hover": hover class in scss :hover using scss sass on hover short cut on hover in scss sass hover sintax scss adding hover hover sass sass hover and focus sass &:active sass hover shortcut ON hove in saas hwo to add hover in sass add hover inside a class scss scss active state scss active class how to nest :hover in sass sass button hover sass focus styles add hover sass scss pseudo class ampersand css pseudo classes in sass &.hover on hover scss sass apply hover to all except scss element state use tailwind psuedo hover class in sass sass hover example scss & hover pseudo class in scss hover in scss scss target hover how to add hover in scss hover scss & hover scss sass &:hover sass class hover selector sass active sass link hover scss hover example not one hover sass sass nesting hover sass neting hover hover in sass sass inside class hover scss & hover hover statw in CSS to SCSS how to scss hover scss add hover to class function on hover sass sass how to write sub css hover scss on hover scss on hover with && sass hover css scss nesting pseudo selectors scss &hover scss link hover scss hover selector scss add style to hover scss :active scss &:hover css sass hover focus scss hover class sass hover add hover scss scss hover

Made with love

Welcome Back!

Sign up to unlock all of IQCode features:

Test your skills and track progress
Engage in comprehensive interactive courses
Commit to daily skill-enhancing challenges
Solve practical, real-world issues
Share your insights and learnings

Create an account

Create a Free Account

Sign up to unlock all of IQCode features:

Test your skills and track progress
Engage in comprehensive interactive courses
Commit to daily skill-enhancing challenges
Solve practical, real-world issues
Share your insights and learnings

Create an account

Creating a new code example